|
|
JavaScript的對象體系結構
其實在JavaScript語言中，整個核心的體系結構都圍繞著兩個構造函數(shù)Object和Function來構建的。我將引用來自mollypages.org的一張JavaScript對象體系結構圖來說明。
instanceof 運算符
instanceof是一個二元運算符，如：A instanceof B. 其中，A必須是一個合法的JavaScript對象，B必須是一個合法的JavaScript函數(shù) (function). 判斷過程如下：
如果函數(shù)B在對象A的原型鏈 (prototype chain) 中被發(fā)現(xiàn)，那么instanceof操作符將返回true，否則返回false.
例如下面的代碼會返回true.
// return true if specified function is found// in the object's prototype chain as a constructor.alert({} instanceof Object);
JavaScript中的原型鏈(prototype chain)機制
這里簡單概括一下，因為這個話題需要很大篇幅去討論，本文只是引用了這個概念，重點并非詳細討論該機制。
JavaScript中的原型(prototype)是和函數(shù)(function)緊密相連的，因為每個函數(shù)默認都會有一個屬性叫prototype, 每一個通過函數(shù)和new操作符生成的對象都具有一個屬性__proto__, 這個屬性保存了創(chuàng)建它的構造函數(shù)的prototype屬性的引用。這個__proto__對象就是實現(xiàn)原型鏈的核心對象。JavaScript是一門面向對象的編程語言，它的繼承特性其實就是通過原型鏈機制來實現(xiàn)的。同時，instanceof運算符也需要在原型鏈的支持。我們舉例說明：
代碼
復制代碼 代碼如下:
// create a custom constructor Foo
function Foo() {
}
// create an insatnce of Foo
var foo = new Foo();
// foo is an instance of Foo
alert(foo instanceof Foo);// true
// foo is also an instance of Object because
// Foo.prototype is an instance of Object.
// the interpreter will find the constructor
// through the prototype chain.
alert(foo instanceof Object);// true
// Prototype chain of the object foo
//
// __proto__ __proto__ __proto__
// foo -----------> Foo.prototype -----------> Object.prototype -----------> null
// But foo is not an instance of Function, because
// we could not find Function.prototype in foo's
// prototype chain.
alert(foo instanceof Function);// false
// However, its constructor Foo is an instance of
// Function.
alert(Foo instanceof Function);// true
// it's also an instance of Object
alert(Foo instanceof Object);// true
// Prototype chain of the constructor Foo
//
// __proto__ __proto__ __proto__
// Foo -----------> Function.prototype -----------> Object.prototype -----------> null
從上面的代碼來分析，我們不難得出這樣一個結論：任何對象的原型鏈最后都能追溯到Object.prototype. 這也就是我們?yōu)槭裁凑fJavaScript中所有的對象都繼承自Object的原因了。
為何Object instanceof Function和Function instanceof Object都返回true？
Object, Function, Array等等這些都被稱作是構造“函數(shù)”，他們都是函數(shù)。而所有的函數(shù)都是構造函數(shù)Function的實例。從原型鏈機制的的角度來說，那就是說所有的函數(shù)都能通過原型鏈找到創(chuàng)建他們的Function構造函數(shù)的構造原型Function.protorype對象，所以：
alert(Object instanceof Function);// return true
與此同時，又因為Function.prototype是一個對象，所以他的構造函數(shù)是Object. 從原型鏈機制的的角度來說，那就是說所有的函數(shù)都能通過原型鏈找到創(chuàng)建他們的Object構造函數(shù)的構造原型Object.prototype對象，所以：
alert(Function instanceof Object);// return true
有趣的是根據(jù)我們通過原型鏈機制對instanceof進行的分析，我們不難得出一個結論：Function instanceof Function 依然返回true, 原理是一樣的
1. Function是構造函數(shù)，所以它是函數(shù)對象
2. 函數(shù)對象都是由Function構造函數(shù)創(chuàng)建而來的，原型鏈機制解釋為：函數(shù)對象的原型鏈中存在Function.prototype
3. instanceof查找原型鏈中的每一個節(jié)點，如果Function.prototype的構造函數(shù)Function的原型鏈中被查到，返回true
因此下面代碼依然返回true
alert(Function instanceof Function);// still true
結論
1. 在JavaScript語言中，一切的一切都是對象，它們?nèi)坷^承自Object. 或者說所有對象的原型鏈的根節(jié)點都是Object.prototype
2. 理解原型鏈機制在JavaScript中式如何工作的是非常重要的。掌握了它，不管一個對象多么復雜，你總能夠輕而易舉地將它攻破。
JavaScript技術：javascript Object與Function使用，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
