下面先介紹new命令：

new命令的作用，就是執(zhí)行構(gòu)造函數(shù)，返回一個實(shí)例對象。

var Vehicle = function () { this.price = 1000;}; var v = new Vehicle();v.price // 1000

上面代碼通過new命令，讓構(gòu)造函數(shù)Vehicle生成一個實(shí)例對象，保存在變量v中。這個新生成的實(shí)例對象，從構(gòu)造函數(shù)Vehicle得到了price屬性。new命令執(zhí)行時，構(gòu)造函數(shù)內(nèi)部的this，就代表了新生成的實(shí)例對象，this.price表示實(shí)例對象有一個price屬性，值是1000。

使用new命令時，根據(jù)需要，構(gòu)造函數(shù)也可以接受參數(shù)。

var Vehicle = function (p) { this.price = p;}; var v = new Vehicle(500);

new命令本身就可以執(zhí)行構(gòu)造函數(shù)，所以后面的構(gòu)造函數(shù)可以帶括號，也可以不帶括號。下面兩行代碼是等價的，但是為了表示這里是函數(shù)調(diào)用，推薦使用括號。

// 推薦的寫法var v = new Vehicle();// 不推薦的寫法var v = new Vehicle;

一個很自然的問題是，如果忘了使用new命令，直接調(diào)用構(gòu)造函數(shù)會發(fā)生什么事？

這種情況下，構(gòu)造函數(shù)就變成了普通函數(shù)，并不會生成實(shí)例對象。而且由于后面會說到的原因，this這時代表全局對象，將造成一些意想不到的結(jié)果。

var Vehicle = function (){ this.price = 1000;//this指向window}; var v = Vehicle();v // undefinedprice // 1000

上面代碼中，調(diào)用Vehicle構(gòu)造函數(shù)時，忘了加上new命令。結(jié)果，變量v變成了undefined，而price屬性變成了全局變量。因此，應(yīng)該非常小心，避免不使用new命令、直接調(diào)用構(gòu)造函數(shù)。

為了保證構(gòu)造函數(shù)必須與new命令一起使用，一個解決辦法是使用嚴(yán)格模式。這樣的話，一旦忘了使用new命令，直接調(diào)用構(gòu)造函數(shù)就會報(bào)錯。

’use strict’;//由于嚴(yán)格模式中，函數(shù)內(nèi)部的this不能指向全局對象，默認(rèn)等于undefinedvar Vehicle = function (){ this.price = 1000;//因?yàn)槭褂脟?yán)格模式，this為undefined}; var v = Vehicle();

function Fubar(foo, bar){ ’use strict’; debugger this._foo = foo; this._bar = bar;}Fubar()

上面代碼的Fubar為構(gòu)造函數(shù)，use strict命令保證了該函數(shù)在嚴(yán)格模式下運(yùn)行。由于嚴(yán)格模式中，函數(shù)內(nèi)部的this不能指向全局對象，默認(rèn)等于undefined，導(dǎo)致不加new調(diào)用會報(bào)錯（JavaScript 不允許對undefined添加屬性）。

使用new命令時，它后面的函數(shù)依次執(zhí)行下面的步驟。

也就是說，構(gòu)造函數(shù)內(nèi)部，this指的是一個新生成的空對象，所有針對this的操作，都會發(fā)生在這個空對象上。構(gòu)造函數(shù)之所以叫“構(gòu)造函數(shù)”，就是說這個函數(shù)的目的，就是操作一個空對象（即this對象），將其“構(gòu)造”為需要的樣子。

如果構(gòu)造函數(shù)內(nèi)部有return語句，而且return后面跟著一個對象，new命令會返回return語句指定的對象；否則，就會不管return語句，返回this對象。

var Vehicle = function () { this.price = 1000; return 1000;}; (new Vehicle()) === 1000// false

上面代碼中，構(gòu)造函數(shù)Vehicle的return語句返回一個數(shù)值。這時，new命令就會忽略這個return語句，返回“構(gòu)造”后的this對象。

但是，如果return語句返回的是一個跟this無關(guān)的新對象，new命令會返回這個新對象，而不是this對象。這一點(diǎn)需要特別引起注意。

var Vehicle = function (){ this.price = 1000; return { price: 2000 };}; (new Vehicle()).price// 2000

上面代碼中，構(gòu)造函數(shù)Vehicle的return語句，返回的是一個新對象。new命令會返回這個對象，而不是this對象。

另一方面，如果對普通函數(shù)（內(nèi)部沒有this關(guān)鍵字的函數(shù)）使用new命令，則會返回一個空對象。

function getMessage() { return ’this is a message’;} var msg = new getMessage(); msg // {}typeof msg // 'object'

上面代碼中，getMessage是一個普通函數(shù)，返回一個字符串。對它使用new命令，會得到一個空對象。這是因?yàn)閚ew命令總是返回一個對象，要么是實(shí)例對象，要么是return語句指定的對象。本例中，return語句返回的是字符串，所以new命令就忽略了該語句。

函數(shù)內(nèi)部可以使用new.target屬性。如果當(dāng)前函數(shù)是new命令調(diào)用，new.target指向當(dāng)前函數(shù)，否則為undefined。

function f() { console.log(new.target === f);} f() // falsenew f() // true

使用這個屬性，可以判斷函數(shù)調(diào)用的時候，是否使用new命令。

function f() { if (!new.target) { throw new Error(’請使用 new 命令調(diào)用！’); } // ...} f() // Uncaught Error: 請使用 new 命令調(diào)用！

上面代碼中，構(gòu)造函數(shù)f調(diào)用時，沒有使用new命令，就拋出一個錯誤。

構(gòu)造函數(shù)作為模板，可以生成實(shí)例對象。但是，有時拿不到構(gòu)造函數(shù)，只能拿到一個現(xiàn)有的對象。我們希望以這個現(xiàn)有的對象作為模板，生成新的實(shí)例對象，這時就可以使用Object.create()方法。

var person1 = { name: ’張三’, age: 38, greeting: function() { console.log(’Hi! I’m ’ + this.name + ’.’); }}; var person2 = Object.create(person1); person2.name // 張三person2.greeting() // Hi! I’m 張三.

上面代碼中，對象person1是person2的模板，后者繼承了前者的屬性和方法。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。