JavaScript手寫new方法

1.看一下正常使用的new方法

function father(name){
    this.name=name;
    this.sayname=function(){
        console.log(this.name)
    }
}

var son=new father('kimi')
dog.sayname();

輸出結果：

kimi

 

2.手寫一個new方法

function father(name){
    this.name=name;
    this.sayname=function(){
        console.log(this.name)
    }
}

function myNew(ctx, ...args){ // ...args為ES6展開符,也可以使用arguments
    //先用Object創建一個空的對象
    let obj=new Object();
    //新對象會被執行prototype連接
    obj.__proto__=ctx.prototype;
    //新對象和函數調用的this綁定起來
    let res=ctx.call(obj,...args);
    //判斷函數返回值如果是null或者undefined則返回obj,否則就放回res
    return res instanceof Object?res:obj;
}

var son=myNew(father,'kimi')
son.sayname();

輸出結果：

kimi

 

3.總結：

new一個對象的過程是：

1>創建一個空對象

2>對新對象進行[prototype]綁定（即son._proto_=father.prototype）

3>新對象和函數調用的this會綁定起來

4>執行構造函數中的方法

5>如果函數沒有返回值則自動返回這個新對象