我們先來看個實(shí)例

function Me(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
}

請問這以下兩種實(shí)例化對象方式有什么區(qū)別呢？

var mefun1 = new Me('fei','20','it');
var mefun2 = Me('fei','20','it');

簡單的說

第一種是構(gòu)造函數(shù)式，即通過new運(yùn)算符調(diào)用構(gòu)造函數(shù)Function來創(chuàng)建函數(shù)
第二種不是實(shí)例化，只是調(diào)用函數(shù)把返回值賦給變量。

再擴(kuò)展下

JavaScript 中并沒有真正的類，但JavaScript 中有構(gòu)造函數(shù)和new 運(yùn)算符。構(gòu)造函數(shù)用來給實(shí)例對象初始化屬性和值。任何JavaScript 函數(shù)都可以用做構(gòu)造函數(shù)，構(gòu)造函數(shù)必須使用new 運(yùn)算符作為前綴來創(chuàng)建新的實(shí)例。

new 運(yùn)算符改變了函數(shù)的執(zhí)行上下文，同時改變了return 語句的行為。實(shí)際上，使用new和構(gòu)造函數(shù)很類似于傳統(tǒng)的實(shí)現(xiàn)了類的語言:

// 實(shí)例化一個Me
var alice = new Me('alice', 18, 'Coder');
// 檢查這個實(shí)例
assert( alice instanceof Me );

構(gòu)造函數(shù)的命名通常使用駝峰命名法，首字母大寫，以此和普通的函數(shù)區(qū)分開來，這是
一種習(xí)慣用法。

// 不要這么做!
Me('alice', 18, 'Coder'); //=> undefined

這個函數(shù)只會返回undefined，并且執(zhí)行上下文是window（全局）對象，無意間創(chuàng)建了3個全局變量name,age,job。調(diào)用構(gòu)造函數(shù)時不要丟掉new 關(guān)鍵字。

當(dāng)使用new 關(guān)鍵字來調(diào)用構(gòu)造函數(shù)時，執(zhí)行上下文從全局對象（window）變成一個空的上下文，這個上下文代表了新生成的實(shí)例。因此，this 關(guān)鍵字指向當(dāng)前創(chuàng)建的實(shí)例。盡管理解起來有些繞，實(shí)際上其他語言內(nèi)置類機(jī)制的實(shí)現(xiàn)也是如此。

默認(rèn)情況下，如果你的構(gòu)造函數(shù)中沒有返回任何內(nèi)容，就會返回this——當(dāng)前的上下文。

要不然就返回任意非原始類型的值.

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

最新評論