在Javascript中，萬物皆對象，但對象也有區(qū)別，大致可以分為兩類，即：普通對象（Object）和函數(shù)對象（Function）。

一般而言，通過new Function產(chǎn)生的對象是函數(shù)對象，其他對象都是普通對象。

舉例說明：

function f1(){
  //todo
}
var f2 = function(){
  //todo
};
var f3 = new Function('x','console.log(x)');
 
var o1 = {};
var o2 = new Object();
var o3 = new f1();
 
console.log(
  typeof f1,//function
  typeof f2,//function
  typeof f3,//function
  typeof o1,//object
  typeof o2,//object
  typeof o3 //object
);
>> function function function object object object

f1屬于函數(shù)的聲明，最常見的函數(shù)定義方式，f2實際上是一個匿名函數(shù)，把這個匿名函數(shù)賦值給了f2,屬于函數(shù)表達式，f3不常見，但也是一種函數(shù)對象。

Function是JS自帶的對象，f1,f2在創(chuàng)建的時候，JS會自動通過new Function()的方式來構(gòu)建這些對象，因此，這三個對象都是通過new Function()創(chuàng)建的。

在Javascript中創(chuàng)建對象有兩種方式：對象字面量和使用new表達式，o1和o2的創(chuàng)建恰好對應了這兩種方式，重點講一下o3, 如果用Java和C#的思路來理解的話，o3是f1的實例對象，o3和f1是同一類型，至少我以前這么認為，其實不然…

那么怎么理解呢? 很簡單，看o3是不是通過new Function產(chǎn)生的, 顯然不是，既然不是函數(shù)對象，那就是普通對象 。

通過對函數(shù)對象和普通對象的簡單理解之后，我們再來了解一下Javascript中的原型和原型鏈：

在JS中，每當創(chuàng)建一個函數(shù)對象f1 時，該對象中都會內(nèi)置一些屬性，其中包括prototype和__proto__,  prototype即原型對象，它記錄著f1的一些屬性和方法。

需要注意的是，prototype 對f1是不可見的，也就是說，f1不會查找prototype中的屬性和方法。

function f(){}
f.prototype.foo = "abc";
console.log(f.foo); //undefined

那么，prototype有什么用呢？ 其實prototype的主要作用就是繼承。 通俗一點講，prototype中定義的屬性和方法都是留給自己的“后代”用的，因此，子類完全可以訪問prototype中的屬性和方法。

想要知道f1是如何把prototype留給“后代”，我們需要了解一下JS中的原型鏈，此時，JS中的 __proto__ 入場了，這哥們長的很奇特，隱藏的也很深，以致于你經(jīng)常見不到它，但它在普通對象和函數(shù)對象中都存在， 它的作用就是保存父類的prototype對象，JS在通過new 表達式創(chuàng)建一個對象的時候，通常會把父類的prototype賦值給新對象的__proto__屬性，這樣，就形成了一代代傳承…

function f(){}
f.prototype.foo = "abc";
var obj = new f();
console.log(obj.foo); //abc

現(xiàn)在我們知道，obj中__proto__保存的是f的prototype, 那么f的prototype中的__proto__中保存的是什么呢? 看下圖：

如圖所示，f.prototype的__proto__中保存的是Object.prototype，Object.prototype對象中也有__proto__，而從輸出結(jié)果看，Object.prototype.__proto__ 是null，表示obj對象原型鏈的終結(jié)。如下圖所示：

obj對象擁有這樣一個原型鏈以后，當obj.foo執(zhí)行時，obj會先查找自身是否有該屬性，但不會查找自己的prototype,當找不到foo時，obj就沿著原型鏈依次去查找…

在上面的例子中，我們在f的prototype上定義了foo屬性，這時obj就會在原型鏈上找到這個屬性并執(zhí)行。 

最后，用幾句話總結(jié)一下本文中涉及到的重點：

• 原型鏈的形成真正是靠__proto__ 而非prototype,當JS引擎執(zhí)行對象的方法時，先查找對象本身是否存在該方法，如果不存在，會在原型鏈上查找，但不會查找自身的prototype。
• 一個對象的__proto__記錄著自己的原型鏈，決定了自身的數(shù)據(jù)類型，改變__proto__就等于改變對象的數(shù)據(jù)類型。
• 函數(shù)的prototype不屬于自身的原型鏈，它是子類創(chuàng)建的核心，決定了子類的數(shù)據(jù)類型，是連接子類原型鏈的橋梁。
• 在原型對象上定義方法和屬性的目的是為了被子類繼承和使用。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助。

最新評論