JavaScript专题之new的实现

基于内置的new的关键词，我们可以创建Dog的一个实例sanmao，实例可以调取原型上的属性和方法
需求：自己实现一个_new方法，也能模拟出内置new后的结果

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

实现代码：

function Dog(name) {
    this.name = name  //this是Dog创建的实例
}
Dog.prototype.sayName = function() {
    console.log('my name is' + this.name)
}
Dog.prototype.bark = function() {
    console.log('wangwang')
}
// let sanmao = new Dog('三毛')
let sanmao = _new(Dog,'三毛')

// 基于内置的new的关键词，我们可以创建Dog的一个实例sanmao，实例可以调取原型上的属性和方法
// 需求： 自己实现一个_new方法，也能模拟出内置new后的结果
function _new(Fn, ...args) {
    //创建一个空对象，让它的原型链指向Fn.prototype(obj作为Fn的一个实例)
    // let obj = {} 
    // obj.__proto__= Fn.prototype  //obj是Fn创建的一个实例
    // 上面两句相当于
    let obj = Object.create(Fn.prototype) //Object.create： 创建一个空对象，让空对象的原型链指向你传入的值，让空对象成为传入值所属构造函数的实例
    //this要指向Fn创建的实例obj
    Fn.call(obj, ...args)  //this=>obj, args:[name]
    return obj
}
sanmao.bark()  //wangwang
sanmao.sayName() //my name is 三毛 
console.log(sanmao instanceof Dog) //true