new操作符的理解【前端每日一题-7】

谈谈你对new操作符的理解是什么？手动实现一个new方法。

考点：

• new操作符内部做了什么工作
• 手动实现new方法

答案：

对于：

var obj=new Base();复制代码

new操作符具体干了什么？其实就三件事情。

var obj={};
obj.__proto__=Base.prototype;
Base.call(obj);复制代码

• 第一步，创建一个空对象
• 第二步，将空对象的__proto__属性指向Base函数对象的prototype成员对象
• 第三步，将Base函数对象的this指针替换成obj，然后调用Base函数
• 最后，考察第三步的返回值，如果无返回值或者返回一个非对象值，则将obj返回作为新对象；否则将返回值作为新对象返回。

引申考题：

// 看代码，看打印什么内容
function Animal(name){
    this.name = name;
}
Animal.color ="black";
Animal.prototype.say = function(){  
    console.log("I’m " +this.name);
};
var cat =new Animal("cat");

console.log( 
    cat.name, //cat
    cat.height //undefined
);
cat.say();//I’m cat 

console.log(  
    Animal.name, //Animal  
    Animal.color //back
);
Animal.say(); //Animal.say is not a function复制代码

转载于:https://juejin.im/post/5d37cef85188256345325379