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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 16:04:13
原創
1115 人瀏覽過

本文實例講述了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
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板