如何自己实现一个new方法

原创已于 2022-03-15 15:34:35 修改 · 715 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

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

js 专栏收录该内容

42 篇文章

订阅专栏

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

如何实现一个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) //可以直接访问了