首頁 >web前端 >js教程 >JavaScript使用Prototype實作物件導向的方法_javascript技巧

JavaScript使用Prototype實作物件導向的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:04:131061瀏覽

本文實例講述了JavaScript使用Prototype實作物件導向的方法。分享給大家供大家參考。具體分析如下:

prototype 是 Function 物件的屬性,這個屬性指向另一個物件。 這個物件的所有屬性和方法,都會被建構函式的實例繼承。

同時 prototype 又存在一個指向建構函式的引用 constructor,這樣就成功的構成一個迴圈引用的原型鏈結構。

我們可以把那些不變的屬性和方法,直接定義在 prototype 物件上, 節省記憶體開銷。

function Cat(name, color) {
  this.name = name;
  this.color = color;
}
Cat.prototype.type = 'mammal';
Cat.prototype.eat = function() {
  console.log('eat fish');
};
var cat1 = new Cat('Kitty', 'white');
var cat2 = new Cat('Smokey', 'black');
console.log(cat1.type); // mammal
console.log(cat1.eta === cat2.eta);
// TRUE, same reference
console.log(cat1.constructor === Cat)
// TRUE, from Person.prototype

希望本文所述對大家的javascript程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn