如何自己实现一个new方法

屈小康

已于 2022-03-15 15:34:35 修改

阅读量693

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

于 2021-04-22 14:15:02 首次发布

本文链接：https://blog.youkuaiyun.com/qq_45557681/article/details/116012007

js 专栏收录该内容

42 篇文章

订阅专栏

本文探讨了JavaScript中如何手动实现`new`操作符的功能，通过创建一个空对象，设置原型链，应用构造函数并返回新对象的过程。示例中展示了如何用自定义函数`MyNew`来实现类似`new`的功能，使得`person`构造函数能够正确地创建和访问实例属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何实现一个new方法

// 当我自己定义一个函数的时候 可以直接实现 比如
function App( name , age ){
 this.name = name 
 this.age = age
}

ley app = new App('name','age')
console.log	(app.name)  //就可以直接访问
// 那我们如何自己实现一个那

function MyNew( fun , ...arg ){
// 创建一个空对象。 
// this指向新对象，执行构造函数的代码。
// 设置原型链， 新对象的 __proto__指向构造函数的prototype对象。
// 判断：如果传入对象的类型时一个对象，返回新的对象 , 反之直接返回
   let obj = {  
      __proto__ : fun.prototype
	}
	// apply 执行构造函数 apply方法接受数组形式的参数
	fun.apply(obj, arg)
	return obj
}
function person (name , age ){
  this.name = name 
  this.age = age 
}

let mynew = MyNew(person , '姓名', '22')

console.log(mynew.name) //可以直接访问了