JS中的函數即可以是構造函數又可以當作普通函數來調用，當使用new來創(chuàng)建對象時，對應的函數就是構造函數，通過對象來調用時就是普通函數。

普通函數的創(chuàng)建有：顯式聲明、匿名定義、new Function() 等三種方式。

當通過new來創(chuàng)建一個新對象時，JS底層將新對象的原型鏈指向了構造函數的原型對象，于是就在新對象和函數對象之間建立了一條原型鏈，通過新對象可以訪問到函數對象原型prototype中的方法和屬性。

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

1、認識new運算符

function Animal(name){this.name = name;} Animal.color = "black"; Animal.prototype.say = function(){console.log("I'm " + this.name); }; var cat = new Animal("cat"); console.log( cat.name, //cat cat.color //undefined ); cat.say(); //I'm cat console.log( Animal.name, //Animal Animal.color //back ); Animal.say(); //Animal.say is not a function

2、代碼解讀

1-3行創(chuàng)建了一個函數Animal,并在其this上定義了屬性:name,name的值是函數被執(zhí)行時的形參。

第4行在Animal對象（Animal本身是一個函數對象）上定義了一個靜態(tài)屬性:color,并賦值“black”

5-7行在Animal函數的原型對象prototype上定義了一個say()方法，say方法輸出了this的name值。

第8行通過new關鍵字創(chuàng)建了一個新對象cat

10-14行cat對象嘗試訪問name和color屬性，并調用say方法。

16-20行Animal對象嘗試訪問name和color屬性，并調用say方法。

3、重點解析

第8行代碼是關鍵：

var cat = new Animal("cat");

Animal 本身是一個普通函數，但當通過new來創(chuàng)建對象時，Animal就是構造函數。

JS引擎執(zhí)行這句代碼時，在內部做了很多工作，用偽代碼模擬其工作流程如下：

new Animal("cat") = {var obj = {};obj.__proto__ = Animal.prototype;var result = Animal.call(obj,"cat");return typeof result === 'object'? result : obj;}

（1）創(chuàng)建一個空對象obj;

（2）把obj的proto指向構造函數Animal的原型對象prototype，此時便建立了obj對象的原型鏈：obj->Animal.prototype->Object.prototype->null

（3）在obj對象的執(zhí)行環(huán)境調用Animal 函數并傳遞參數“cat”。 相當于var result = obj.Animal(“cat”)。

（4）考察第3步返回的返回值，如果無返回值或者返回一個非對象值，則將obj返回作為新對象；否則會將返回值作為新對象返回。

理解了其運行機制以后，我們知道cat其實就是過程（4）的返回值，因此我們對cat對象的認知就多了一些：