 
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的值各是多少 

前天去面試遇到的一道題，面試的問題大概是當(dāng)test.increase被調(diào)用時(shí)，test和test2的count值分別是多少
首先，回答這道題有可能把這種情況與另一種類似的情況相混淆：
假如把代碼改成：

復(fù)制代碼代碼如下:

 
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()各是多少 

假如問題改成這樣，那就簡(jiǎn)單的多了。但是兩個(gè)問題并不會(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來驗(yàn)證一下：

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

您可能感興趣的文章: