JS自定义实现new

👁 2021-02-25

手写实现JS中的new

1 了解内置new一个实例的过程

假设有一个Person的构造函数，那么new的过程是怎样的呢

function Person(name){
    this.name = name
}

let person = new Person('lx')

1.像普通函数执行一样，形成一个私有的作用域+形参赋值＋变量提升
2.默认创建一个对象,让函数中的this执行这个对象,这个对象就是当前类的一个实例
3.代码执行
4.默认把创建的对象返回

2 手写实现new

自定义一个_new方法

function _new(Fn,...arg){
    //Fn是当前要new的类，arg是后期需要给构造函数传递的参数
    //let obj = {}
    //obj.__proto__ = Fn.prototype //创建一个空对象，让它的原型链指向Fn.prototype，作为Fn的一个实例
    //或者使用如下方法
    let obj = Object.create(Fn.prototype) //创建一个obj对象，并且让该空对象作为所属构造函数的一个实例
    Fn.call(obj,...arg)
    return obj

}
function Person(name){
    this.name = name
}
Person.prototype.say = function(){
    console.log('hi')
}
let person = _new(Person,'haha')
console.log(person.name)
person.say()

实现结果如下图