這篇文章主要介紹了JavaScript中new運(yùn)算符的實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、黑河網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計、商城網(wǎng)站定制開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為黑河等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

廢話不多說直接進(jìn)入正題，首先我們需要先知道new運(yùn)算符到底做了哪些事情，再來模擬它實現(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運(yùn)算符同等作用的。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

文章標(biāo)題：JavaScript中new運(yùn)算符的實現(xiàn)過程解析
瀏覽路徑：http://aaarwkj.com/article40/gojjeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、做網(wǎng)站、面包屑導(dǎo)航、動態(tài)網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)頁設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)