前言

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

要創建 Person 的新實例，必須使用 new 操作符。

以這種方式調用構造函數實際上會經歷以下 4個步驟：

(1) 創建一個新對象；

(2) 將構造函數的作用域賦給新對象（因此 this 就指向了這個新對象） ；

(3) 執行構造函數中的代碼（為這個新對象添加屬性） ；

(4) 返回新對象。

 new 操作符

在有上面的基礎概念的介紹之后，在加上new操作符，我們就能完成傳統面向對象的class + new的方式創建對象，在JavaScript中，我們將這類方式成為Pseudoclassical。

基于上面的例子，我們執行如下代碼

var obj = new Base();

這樣代碼的結果是什么，我們在Javascript引擎中看到的對象模型是：

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

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

第一行，我們創建了一個空對象obj

第二行，我們將這個空對象的__proto__成員指向了Base函數對象prototype成員對象

第三行，我們將Base函數對象的this指針替換成obj，然后再調用Base函數，于是我們就給obj對象賦值了一個id成員變量，這個成員變量的值是”base”，關于call函數的用法。

如果我們給Base.prototype的對象添加一些函數會有什么效果呢？

例如代碼如下：

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

那么當我們使用new創建一個新對象的時候，根據__proto__的特性，toString這個方法也可以做新對象的方法被訪問到。于是我們看到了：

構造子中，我們來設置‘類'的成員變量（例如：例子中的id），構造子對象prototype中我們來設置‘類'的公共方法。于是通過函數對象和Javascript特有的__proto__與prototype成員及new操作符，模擬出類和類實例化的效果。

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。