DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript 面試題隨筆
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的值各是多少

前天去面試遇到的一道題,面試的問題大概是當test.increase被調用時,test和test2的count值分別是多少
首先,回答這道題有可能把這種情況與另一種類似的情況相混淆:
假如把代碼改成:
復制代碼 代碼如下:
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()各是多少

假如問題改成這樣,那就簡單的多了。但是兩個問題並不會得到相同的結果。
==========================================分割一下
回到面試題中,其實面試題的答案是2和1。原因呢:test.count是test的屬性,而且test2.count其實是test2.__proto__的屬性:

當test.increase()被調用時,JS執行了this.count++ ==> 返回this.count; this.count = this.count + 1;

this.count = this.count + 1;

這句在看似簡單的語句其實有著不同尋常的意味~~

這句話的意思其實是,給實例新建一個屬性,這個屬性被賦予this.count + 1的值。

而this.count 其實是在原型鏈中的count,也就是這個this.count++其實在第一次執行的時候表現為:

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

可以用hasOwnProperty來驗證一下:

當var test = new Test()時。test.hasOwnProperty("count")  === false
test.increase()後。 test.hasOwnProperty("count")  === true
總的來說,JS還是一個很好玩的語言。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved