欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解Javascript中new()到底做了些什么?

 更新時間:2018年03月29日 10:24:41   作者:一直在尋  
javascript中,new操作符的工作原理是什么?它是怎樣改變構(gòu)造函數(shù)的返回值和this指向的?下面這篇文章就來給大家介紹了關(guān)于Javascript中new()到底做了些什么的相關(guān)資料,需要的朋友可以參考下。

前言

和其他高級語言一樣 javascript 中也有 new 運算符,我們知道 new 運算符是用來實例化一個類,從而在內(nèi)存中分配一個實例對象。 但在 javascript 中,萬物皆對象,為什么還要通過 new 來產(chǎn)生對象? 本文將帶你一起來探索 javascript 中 new 的奧秘...

要創(chuàng)建 Person 的新實例,必須使用 new 操作符。

以這種方式調(diào)用構(gòu)造函數(shù)實際上會經(jīng)歷以下 4個步驟:

(1) 創(chuàng)建一個新對象;

(2) 將構(gòu)造函數(shù)的作用域賦給新對象(因此 this 就指向了這個新對象) ;

(3) 執(zhí)行構(gòu)造函數(shù)中的代碼(為這個新對象添加屬性) ;

(4) 返回新對象。

 new 操作符

在有上面的基礎(chǔ)概念的介紹之后,在加上new操作符,我們就能完成傳統(tǒng)面向?qū)ο蟮腸lass + new的方式創(chuàng)建對象,在JavaScript中,我們將這類方式成為Pseudoclassical。

基于上面的例子,我們執(zhí)行如下代碼

var obj = new Base();

這樣代碼的結(jié)果是什么,我們在Javascript引擎中看到的對象模型是:


new操作符具體干了什么呢?其實很簡單,就干了三件事情。

var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);

第一行,我們創(chuàng)建了一個空對象obj

第二行,我們將這個空對象的__proto__成員指向了Base函數(shù)對象prototype成員對象

第三行,我們將Base函數(shù)對象的this指針替換成obj,然后再調(diào)用Base函數(shù),于是我們就給obj對象賦值了一個id成員變量,這個成員變量的值是”base”,關(guān)于call函數(shù)的用法。

如果我們給Base.prototype的對象添加一些函數(shù)會有什么效果呢?

例如代碼如下:

Base.prototype.toString = function() {
 return this.id;
}

那么當我們使用new創(chuàng)建一個新對象的時候,根據(jù)__proto__的特性,toString這個方法也可以做新對象的方法被訪問到。于是我們看到了:

構(gòu)造子中,我們來設(shè)置‘類'的成員變量(例如:例子中的id),構(gòu)造子對象prototype中我們來設(shè)置‘類'的公共方法。于是通過函數(shù)對象和Javascript特有的__proto__與prototype成員及new操作符,模擬出類和類實例化的效果。

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • Js動態(tài)添加復(fù)選框Checkbox的實例方法

    Js動態(tài)添加復(fù)選框Checkbox的實例方法

    Js動態(tài)添加復(fù)選框Checkbox的實例方法,需要的朋友可以參考一下
    2013-04-04
  • 微信小程序?qū)崿F(xiàn)單個或多個倒計時功能

    微信小程序?qū)崿F(xiàn)單個或多個倒計時功能

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)單個或多個倒計時功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 教你如何通過JavaScript讀取元素的樣式

    教你如何通過JavaScript讀取元素的樣式

    這篇文章主要給大家介紹了關(guān)于如何通過JavaScript讀取元素的樣式,文中通過實例代碼以及圖文介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2022-01-01
  • js對象數(shù)組查找某一元素的各種方法(不改變原數(shù)組)

    js對象數(shù)組查找某一元素的各種方法(不改變原數(shù)組)

    前端經(jīng)常要通過javaScript來處理數(shù)組中的數(shù)據(jù),其中就包括檢查數(shù)組中是否包含滿足特定搜索條件的單個或者多個值,這篇文章主要給大家介紹了關(guān)于js對象數(shù)組查找某一元素的各種方法,文中介紹的方法不改變原數(shù)組,需要的朋友可以參考下
    2024-06-06
  • 原生js實現(xiàn)購物車

    原生js實現(xiàn)購物車

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)購物車,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • 分享javascript、jquery實用代碼段

    分享javascript、jquery實用代碼段

    這篇文章主要為大家分享了javascript、jquery實用代碼段,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • 如何判斷出一個js對象是否一個dom對象

    如何判斷出一個js對象是否一個dom對象

    如何判斷出一個js對象是否一個dom對象呢?下面小編就為大家?guī)硪黄袛喑鲆粋€js對象是否一個dom對象的方法。希望對大家有所幫助。一起跟隨小編過來看看吧
    2016-11-11
  • js實現(xiàn)移動端吸頂效果

    js實現(xiàn)移動端吸頂效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)移動端吸頂效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • MyEclipse取消驗證Js的兩種方法

    MyEclipse取消驗證Js的兩種方法

    通過js寫一個web工程的相關(guān)頁面時感覺很卡,修改內(nèi)存也不行下面有兩種解決方法,大家可以嘗試下
    2013-11-11
  • 將頁面table內(nèi)容與樣式另存成excel文件的方法

    將頁面table內(nèi)容與樣式另存成excel文件的方法

    本文分析一下將頁面table內(nèi)容與樣式另存成excel文件的方法,主要介紹style與class之間的區(qū)別問題。
    2015-08-08

最新評論