手写系列---New

关于new做了什么 大致分为三步：
1.以构造器的prototype属性为原型，创建新对象；
2.将this(可以理解为上句创建的新对象)和调用参数传给构造器，执行；
3.如果构造器没有手动返回对象，则返回第一步创建的对象

根据以上思路，自定义一个New方法，来模拟new的能力

/*
将构造函数以参数形式传入
 */
function New(func) {
    let res = {}
    if(func.prototype!==null){
        //如果构造器原型不指向null 则将新生成的对象的原型指向构造器
        res.__proto__ = func.prototype
    }
    //将构造函数内部的this指向修改为指向res,即实例对象
    let ret = func.apply(res,Array.prototype.slice.call(arguments,1))
    if((typeof ret==='function'||typeof ret==='object')&&ret!==null){
        return ret;
    }
    //如果没有明确指定返回对象，则默认返回res
    return res;
}
function Person(name,age){
    this.name = name;
    this.age = age;
}
Person.prototype.getName = function () {
    return this.name;
}
var p1 = New(Person,'jake',18)

• 在构造函数有不同返回值时，new的效果也不同

引用类型是对象

function F2() {
    this.name = 'f2';
    return {};
}

console.log(new F2()); // 引用类型值, 返回该值{} 
console.log(new F2().name); // undefined

引用类型是函数

function create() {
    return function b() {

    };
}
var a = new create() 
console.log(a)//function b() {}

函数返回值类型值

function F3() {
    this.name = 'f3';
    return 5;
}
// 这种情况, 使用new调用函数就与调用标准构造函数一致
console.log(new F3()); // 基本类型值, 仍旧返回构造函数的实例 {name: f3}
console.log(new F3().name); // f3
console.log(F3()); // 5 常规函数调用
console.log(F3().name); // undefined