Javascript 面試題隨筆
更新時間：2011年03月31日 00:40:14 作者：
前天去面試遇到的一道題，面試的問題大概是當test.increase被調(diào)用時，test和test2的count值分別是多少
復制代碼 代碼如下:
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被調(diào)用時，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()各是多少
假如問題改成這樣，那就簡單的多了。但是兩個問題并不會得到相同的結(jié)果。
==========================================分割一下
回到面試題中，其實面試題的答案是2和1。原因呢：test.count是test的屬性，而且test2.count其實是test2.__proto__的屬性：
當test.increase()被調(diào)用時，JS執(zhí)行了this.count++ ==> 返回this.count; this.count = this.count + 1；
this.count = this.count + 1;
這句在看似簡單的語句其實有著不同尋常的意味~~
這句話的意思其實是，給實例新建一個屬性，這個屬性被賦予this.count + 1的值。
而this.count 其實是在原型鏈中的count，也就是這個this.count++其實在第一次執(zhí)行的時候表現(xiàn)為：
this.count = Test.Prototype.count + 1;
可以用hasOwnProperty來驗證一下：
當var test = new Test()時。test.hasOwnProperty("count") === false
test.increase()后。 test.hasOwnProperty("count") === true
總的來說，JS還是一個很好玩的語言。
相關(guān)文章
再讀《JavaScript權(quán)威指南》（犀牛書）9.7確定對象類型 之摘錄2012-03-03
經(jīng)過一番思考，到底怎么解決導包而且是異步的方式，最后得出一個解決方案。先來看一下采用這個方案后的編程方式2012-08-08
網(wǎng)上好多屏蔽flash右鍵的方法，可多數(shù)是過期的或不合適的，現(xiàn)記錄下用JS方法屏蔽flash右鍵相關(guān)版權(quán)信息。2010-01-01
js實現(xiàn)同一頁面可多次調(diào)用的圖片幻燈切換效果
這篇文章主要介紹了js實現(xiàn)同一頁面可多次調(diào)用的圖片幻燈切換效果,可實現(xiàn)在同一頁面中多次調(diào)用幻燈切換效果,非常具有實用價值,需要的朋友可以參考下2015-02-02
Javascript封裝DOMContentLoaded事件實例
這篇文章主要介紹了Javascript封裝DOMContentLoaded事件實例,DOMContentLoaded是FF,Opera 9的特有的Event, 當所有DOM解析完以后會觸發(fā)這個事件,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了js判斷頁面是首次被加載還是刷新，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
JavaScript實現(xiàn)網(wǎng)頁電子時鐘
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁電子時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
解決typescript?提示?Object?is?possibly'null'的N種方案
這篇文章主要介紹了typescript?提示?Object?is?possibly?‘null‘?的N種解決方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
js String.prototype.trim字符去前后空格的擴展
這篇文章主要介紹了js String.prototype.trim字符去前后空格的擴展,需要的朋友可以參考下
2020-04-04