Javascript面試題隨筆_javascript技巧

代碼如下:
var Fundamental = {count:1};
function Test(){}
Test.prototype = Fundamental;
Test.prototype.increase = function(){this.count++;};
var test = new Test();
console.log(test.count);
var test2 = new Test();
console.log(test2.count);
test.increase();
//test.count和test2.count的值各是多少

前天去面試遇到的一道題，面試的問(wèn)題大概是當(dāng)test.increase被調(diào)用時(shí)，test和test2的count值分別是多少
首先，回答這道題有可能把這種情況與另一種類(lèi)似的情況相混淆：
假如把代碼改成：
代碼如下:
function FundamentalModified(){
var count = 1;
this.increase = function(){
count++;
}
this.show = function(){
return count;
}
}
function TestModified(){}
TestModified.prototype = new FundamentalModified();
var test3 = new TestModified();
var test4 = new TestModified();
test3.increase();
//test3.show()和test4.show()各是多少

假如問(wèn)題改成這樣，那就簡(jiǎn)單的多了。但是兩個(gè)問(wèn)題并不會(huì)得到相同的結(jié)果。
==========================================分割一下
回到面試題中，其實(shí)面試題的答案是2和1。原因呢：test.count是test的屬性，而且test2.count其實(shí)是test2.__proto__的屬性：

當(dāng)test.increase()被調(diào)用時(shí)，JS執(zhí)行了this.count++ ==> 返回this.count; this.count = this.count + 1；

this.count = this.count + 1;

這句在看似簡(jiǎn)單的語(yǔ)句其實(shí)有著不同尋常的意味~~

這句話的意思其實(shí)是，給實(shí)例新建一個(gè)屬性，這個(gè)屬性被賦予this.count + 1的值。

而this.count 其實(shí)是在原型鏈中的count，也就是這個(gè)this.count++其實(shí)在第一次執(zhí)行的時(shí)候表現(xiàn)為：

this.count = Test.Prototype.count + 1;

可以用hasOwnProperty來(lái)驗(yàn)證一下：

當(dāng)var test = new Test()時(shí)。test.hasOwnProperty("count") === false
test.increase()后。 test.hasOwnProperty("count") === true
總的來(lái)說(shuō)，JS還是一個(gè)很好玩的語(yǔ)言。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com