JavaScript中new運算符的實現(xiàn)過程解析
這篇文章主要介紹了JavaScript中new運算符的實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
廢話不多說直接進(jìn)入正題,首先我們需要先知道new運算符到底做了哪些事情,再來模擬它實現(xiàn)這一功能。
1. 建立一個空的Object對象;
2. 把這個空對象用__proto__鏈接到原型
3. 用apply綁定對象的this指向
4. 返回新的對象
知道了new的具體過程之后,我們就可以來試一下用代碼實現(xiàn)這一過程。
// 傳參 New(obj, ...args) function New() { let obj = new Object(); // 提取第一個參數(shù)并作為構(gòu)造函數(shù); let construction = [].shift.call(arguments); // 新對象的__prop__要鏈接到原型鏈 obj.__proto__ = construction.prototype; // 改變this指向 construction.apply(obj, arguments); // 返回新對象 return obj; }
下面對自定義的New方法進(jìn)行驗證:
function People(name,age){ this.name = name; this.age = age; } People.prototype.say = function () { console.log(`My name is ${this.name}.`); } //通過new創(chuàng)建構(gòu)造實例 let people1 = new People('Jack',20); console.log(people1.name) // Jack console.log(people1.say()) // My name is Jack. //通過New方法創(chuàng)造實例 let people2 = New(People,'Rose',18); console.log(people2.name) //Rose console.log(people2.say()) //My name is Rose.
通過輸出結(jié)果可以看出來,我們自己定義的New方法,是可以實現(xiàn)跟new運算符同等作用的。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
RestTemplate get請求攜帶headers自動拼接參數(shù)方式
這篇文章主要介紹了RestTemplate get請求攜帶headers自動拼接參數(shù)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-07-07

詳解SpringBoot如何實現(xiàn)緩存預(yù)熱

Java基于堆結(jié)構(gòu)實現(xiàn)優(yōu)先隊列功能示例

Spring Cloud 部署時使用 Kubernetes 作為注冊中心和配置中