原型對象
在構造函數中,同一類相同的方法可以直接寫在構造函數里,但這樣每實例化一個對象都會產生一個新的該方法,但其實這個方法都是一樣的,這樣會浪費大量空間,另外,可以將相同的方法寫在構造函數外,這樣雖然解決了空間浪費問題,但在全局作用域設置變量污染了命名空間,也不安全。這時可以將相同的屬性和方法放在原型對象中。
- 在JS中,我們所創建的每一個函數,解析器都會為他添加一個prototype屬性,這個屬性對應一個對象,就是原型對象
- 對于普通函數來說,prototype屬性沒有任何作用,只有當函數以構造函數的形式調用時,他所創建的對象都會有一個隱藏屬性指向原型對象,可以使用
__proto__
訪問
function fun(){console.log(this);
};var sun1 = new fun();
console.log(fun.prototype)
console.log(sun1.__proto__)// 返回 true,說明由fun實例化來的fun1中的__proto__指向fun的原型對象
console.log(fun.prototype == sun1.__proto__)
[外鏈圖片轉存失敗(img-T8P2zSX1-1562224188995)(image/yuanxing.jpg)]
當我們訪問一個對象的屬性或方法時,會現在自身找,找不到就去原型中找,找不到就去原型的原型中找,直到找到Object,Object是所有對象的原型
function Car(){this.type = "car";this.print = print;
}Car.prototype.print = function(){console.log(this.name +" : " + this.parse);
}
- 可以使用
hasownproperty()
檢查自身是否有某個屬性