1.w3school中
定義和用法:prototype 屬性使您有能力向對象添加屬性和方法。
<script type="text/javascript">
function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
employee.prototype.salary=null;
bill.salary=20000;
document.write(bill.salary);
</script>
2.prototype是什么含義?
javascript中的每個對象都有prototype屬性,Javascript中對象的prototype屬性的解釋是:返回對象類型原型的引用。
A.prototype = new B();
理解prototype不應把它和繼承混淆。A的prototype為B的一個實例,可以理解A將B中的方法和屬性全部克隆了一遍。A能使用B的方法和屬性。這里強調的是克隆而不是繼承。可以出現這種情況:A的prototype是B的實例,同時B的prototype也是A的實例。
function baseClass(){ this.showMsg = function() {
alert("baseClass::showMsg");
}}
function extendClass(){
}
extendClass.prototype = new baseClass();
var instance = new extendClass();
instance.showMsg(); // 顯示baseClass::showMsg
prototype、prototype的區別與關系
1.http://www.108js.com/article/article1/10201.html?id=1092
作者:doris
鏈接:https://www.zhihu.com/question/34183746/answer/58155878
來源:知乎
著作權歸作者所有,轉載請聯系作者獲得授權。
首先,要明確幾個點:
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指向該方法的原型對象。