Javascript中new()怎么使用

這篇文章主要介紹“Javascript中new()怎么使用”，在日常操作中，相信很多人在Javascript中new()怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”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操作符，模擬出類和類實例化的效果。

到此，關(guān)于“Javascript中new()怎么使用”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>