這篇文章主要介紹了JavaScript中new運算符的實現過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
廢話不多說直接進入正題，首先我們需要先知道new運算符到底做了哪些事情，再來模擬它實現這一功能。
1. 建立一個空的Object對象；
2. 把這個空對象用__proto__鏈接到原型
3. 用apply綁定對象的this指向
4. 返回新的對象
知道了new的具體過程之后，我們就可以來試一下用代碼實現這一過程。
// 傳參 New(obj, ...args)
function New() {
let obj = new Object();
// 提取第一個參數并作為構造函數;
let construction = [].shift.call(arguments);
// 新對象的__prop__要鏈接到原型鏈
obj.__proto__ = construction.prototype;
// 改變this指向
construction.apply(obj, arguments);
// 返回新對象
return obj;
}
下面對自定義的New方法進行驗證：
function People(name,age){
this.name = name;
this.age = age;
}
People.prototype.say = function () {
console.log(`My name is ${this.name}.`);
}
//通過new創建構造實例
let people1 = new People('Jack',20);
console.log(people1.name) // Jack
console.log(people1.say()) // My name is Jack.
//通過New方法創造實例
let people2 = New(People,'Rose',18);
console.log(people2.name) //Rose
console.log(people2.say()) //My name is Rose.
通過輸出結果可以看出來，我們自己定義的New方法，是可以實現跟new運算符同等作用的。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
