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

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

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

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

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

  
![圖片描述][1]

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

   
![圖片描述][2]

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

GPU云服務器云服務器 volatile的實現(xiàn)原理回調的原理、實現(xiàn)與應用 js的乘法運算符 js關系運算符的比較

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

轉載請注明本文地址：http://m.hztianpu.com/yun/98213.html

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

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

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

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

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

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

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

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

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

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

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