是時候拿出我珍藏多年的這張圖了:
1.在JS裏,萬物皆對象。方法(Function)是對象,方法的原型(Function.prototype)是對象。因此,它們都會具有對象***有的特點。 即:對象具有屬性 proto ,可稱為隱式原型,壹個對象的隱式原型指向構造該對象的構造函數的原型,這也保證了實例能夠訪問在構造函數原型中定義的屬性和方法。
2.方法(Function)
方法這個特殊的對象,除了和其他對象壹樣有上述 proto 屬性之外,還有自己特有的屬性——原型屬性(prototype),這個屬性是壹個指針,指向壹個對象,這個對象的用途就是包含所有實例***享的屬性和方法(我們把這個對象叫做原型對象)。原型對象也有壹個屬性,叫做constructor,這個屬性包含了壹個指針,指回原構造函數。
1.構造函數Foo() 構造函數的原型屬性Foo.prototype指向了原型對象,在原型對象裏有***有的方法,所有構造函數聲明的實例(這裏是f1,f2)都可以***享這個方法。
2.原型對象Foo.prototype
Foo.prototype保存著實例***享的方法,有壹個指針constructor指回構造函數。
3.實例
f1和f2是Foo這個對象的兩個實例,這兩個對象也有屬性 proto ,指向構造函數的原型對象,這樣子就可以像上面1所說的訪問原型對象的所有方法啦。
構造函數Foo()除了是方法,也是對象啊,它也有 proto 屬性,指向誰呢? 指向它的構造函數的原型對象唄。函數的構造函數不就是Function嘛,因此這裏的 proto 指向了Function.prototype。 其實除了Foo(),Function(), Object()也是壹樣的道理。
原型對象也是對象啊,它的 proto 屬性,又指向誰呢?
同理,指向它的構造函數的原型對象唄。這裏是Object.prototype.
最後,Object.prototype的 proto 屬性指向null。
1.對象有屬性 proto ,指向該對象的構造函數的原型對象。 2.方法除了有屬性 proto ,還有屬性prototype,prototype指向該方法的原型對象。