模擬js的new運(yùn)算符的實(shí)現(xiàn)原理

warnerwu 發(fā)布于2019-08-23 12:16 / 2927人閱讀

摘要：模擬的運(yùn)算符的實(shí)現(xiàn)原理我們知道，里有一種創(chuàng)建對象的方式是通過顯式的構(gòu)造函數(shù)出來一個實(shí)例化對象但是這個運(yùn)算符是怎么實(shí)現(xiàn)的呢先捋一遍運(yùn)算符的整個流程創(chuàng)建一個新對象它繼承自構(gòu)造函數(shù)的構(gòu)造函數(shù)被執(zhí)行執(zhí)行的時候相應(yīng)的傳參會被傳入，同時綁定上下文如果構(gòu)

我們知道，js里有一種創(chuàng)建對象的方式是通過顯式的構(gòu)造函數(shù)new出來一個實(shí)例化對象
但是這個new運(yùn)算符是怎么實(shí)現(xiàn)的呢？

先捋一遍new運(yùn)算符的整個流程：
1： 創(chuàng)建一個新對象 它繼承自構(gòu)造函數(shù)的prototype
2：構(gòu)造函數(shù)被執(zhí)行 執(zhí)行的時候 相應(yīng)的傳參會被傳入，同時綁定上下文(this)
3：如果構(gòu)造函數(shù)返回了一個"對象" 那么這個對象會取代整個new出來的結(jié)果。如果構(gòu)造函數(shù)
    沒有返回對象，那么new出來的結(jié)果為步驟1創(chuàng)建的新對象

  
![圖片描述][1]

接下來就手動實(shí)現(xiàn)一個new運(yùn)算符：

   
![圖片描述][2]

可以看到 Funky的實(shí)例化對象funkys 已經(jīng)有了構(gòu)造函數(shù)Funky本身的屬性并且也繼承了Funky原型鏈上的方法
并且 funkys.__proto__ === Funky.prototype
至此，我們已經(jīng)簡單的實(shí)現(xiàn)了new運(yùn)算的功能 是不是蠻簡單~

云服務(wù)器 GPU云服務(wù)器 volatile的實(shí)現(xiàn)原理回調(diào)的原理、實(shí)現(xiàn)與應(yīng)用 js的乘法運(yùn)算符 js關(guān)系運(yùn)算符的比較

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98213.html

相關(guān)文章

【進(jìn)階3-5期】深度解析 new 原理及模擬實(shí)現(xiàn)

摘要：使用指定的參數(shù)調(diào)用構(gòu)造函數(shù)，并將綁定到新創(chuàng)建的對象。由構(gòu)造函數(shù)返回的對象就是表達(dá)式的結(jié)果。情況返回以外的基本類型實(shí)例中只能訪問到構(gòu)造函數(shù)中的屬性，和情況完全相反，結(jié)果相當(dāng)于沒有返回值。定義 new 運(yùn)算符創(chuàng)建一個用戶定義的對象類型的實(shí)例或具有構(gòu)造函數(shù)的內(nèi)置對象的實(shí)例。 ——（來自于MDN）舉個栗子 function Car(color) { this.color = co...

Baaaan 2019-08-23 14:31 評論0 收藏0
編譯原理實(shí)戰(zhàn)入門：用 JavaScript 寫一個簡單的四則運(yùn)算編譯器（三）模擬執(zhí)行

摘要：棧在內(nèi)存中，棧的特點(diǎn)是只能在同一端進(jìn)行插入和刪除的操作，即只有和兩種操作。指令的作用是將一個操作數(shù)推入棧中。指令的作用是執(zhí)行兩次操作，彈出兩個操作數(shù)和，然后執(zhí)行，再將結(jié)果到棧中。現(xiàn)在來模擬一下 CPU 執(zhí)行機(jī)器指令的情況，由于匯編代碼和機(jī)器指令一一對應(yīng)，所以我們可以創(chuàng)建一個直接執(zhí)行匯編代碼的模擬器。在創(chuàng)建模擬器前，先來講解一下相關(guān)指令的操作。棧在內(nèi)存中，棧的特點(diǎn)是只能在同一端進(jìn)行...

Ku_Andrew 2019-08-23 18:24 評論0 收藏0
JS-對象

摘要：一概述是一種面向?qū)ο蟮恼Z言。除了基本數(shù)據(jù)類型，其他的都是對象。表示創(chuàng)建一個沒有原型的空對象。模擬操作符注意返回值訪問對象屬性訪問方式也就是。對象在作為值時，是作為引用傳遞的。假如判斷對象是否為數(shù)組目前的很多庫，中都是這樣實(shí)現(xiàn)的。一、概述 JS是一種面向?qū)ο蟮恼Z言。除了基本數(shù)據(jù)類型number, string, boolean(true, false), null, undefined...

kidsamong 2019-08-20 17:41 評論0 收藏0
JavaScript專題之模擬實(shí)現(xiàn)call和apply

摘要：函數(shù)可計(jì)算某個字符串，并執(zhí)行其中的的代碼男男成功啦實(shí)現(xiàn)了函數(shù)參數(shù)的傳遞，那么函數(shù)返回值怎么處理呢。而且，如果傳入的對象是，又該如何處理所以還需要再做一些工作處理返回值返回返回值男男判斷傳入對象的類型，如果為就指向?qū)ο蟆? 本文共 1320 字，讀完只需 5 分鐘概述 JS 函數(shù) call 和 apply 用來手動改變 this 的指向，call 和 apply 唯一的區(qū)別就在于函數(shù)...

ky0ncheng 2019-08-23 12:37 評論0 收藏0
從零到有模擬實(shí)現(xiàn)一個Set類

摘要：過濾掉和簡單判斷是否是迭代器對象模擬行為對迭代器對象進(jìn)行遍歷操作。看到這里你可能已經(jīng)知道了，要實(shí)現(xiàn)的功能之一就是提供一個迭代器。原文鏈接參考迭代器和生成器系列之模擬實(shí)現(xiàn)一個數(shù)據(jù)結(jié)構(gòu)展開語法循環(huán) 前言 es6新增了Set數(shù)據(jù)結(jié)構(gòu)，它允許你存儲任何類型的唯一值，無論是原始值還是對象引用。這篇文章希望通過模擬實(shí)現(xiàn)一個Set來增加對它的理解。原文鏈接用在前面實(shí)際工作和學(xué)習(xí)過程中，你可能也...

PAMPANG 2019-08-23 11:59 評論0 收藏0