国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript 原型和繼承(Prototypes and Inheritance)

2019-11-21 01:25:40
字體:
來源:轉載
供稿:網友
JavaScript 對象從一個原形對象(prototype object) 繼承屬性。所有對象都有原型;原型的所有屬性看上去就像使用它作為原型的那些對象的屬性一樣。簡單的說就是:所有對象都從他的原型繼承屬性
(each object inherits properties from its prototype).

對象的 prototype 通過它的 constructor function 來定義。JavaScript 里所有的 function 都有一個 prototype 屬性。這個屬性開始是空的,接下來你給他添加的任何屬性都會被 constructor 創建的對象所擁有。

prototype 對象和 constructor 相關聯。這意味著 prototype 可以作為放置方法以及其他常量的理想場所。原型中的屬性不會被復制到新創建的對象中去,他們的屬性看上去就像對象的屬性一樣。這意味著,使用原型能夠大幅度的減少多個同類對象占用的內存。

每一個 class 都只有一個 prototype object, 附帶一套屬性。但我們在運行時可能會創建多個類的實例。那么如果發生對原型的屬性的讀寫會發生什么情況?
當你讀一個屬性的時候,JavaScript 首先嘗試去查找對象本身是否有這個屬性,如果沒有,接著去查找原型里面是否有。有的話就返回結果。
而當你寫原型的屬性的時候,因為多個對象共享原型,顯然是不能直接在原型上進行寫操作的。這個時候實際上 JavaScript 會在對象上創建一個同名的屬性,然后把值寫到里面。當你下次讀這個屬性的時候,JavaScript 一下子就在對象的屬性里查找到了,那么就不需要去原型里查找了。這個時候,我們說“對象的屬性掩蓋或隱藏了原型的屬性”。(shadows or hides) 。

從上面討論看出,其實我們在設計類的時候,只要掌握一個原則:在原型里僅定義一些方法(方法一般是不會變的),常數,常量等。做到這一點就不容易混淆了。
例子:

// Define a constructor method for our class.
// Use it to initialize properties that will be different for
// each individual Circle object.
functionCircle(x, y, r)
{
    this.x = x;  // The X-coordinate of the center of the circle

this.y = y;  // The Y-coordinate of the center of the circle

this.r = r;  // The radius of the circle
}


// Create and discard an initial Circle object.
// This forces the prototype object to be created in JavaScript 1.1.
new Circle(0,0,0);


// Define a constant: a property that will be shared by
// all circle objects. Actually, we could just use Math.PI,
// but we do it this way for the sake of instruction.
Circle.prototype.pi =
3.14159;


// Define a method to compute the circumference of the circle.
// First declare a function, then assign it to a prototype property.
// Note the use of the constant defined above.
function Circle_circumference(  ) { return
2
*
this.pi *
this.r; }
Circle.prototype.circumference =Circle_circumference;


// Define another method. This time we use a function literal to define
// the function and assign it to a prototype property all in one step.
Circle.prototype.area =
function(  ) { return
this.pi *
this.r *
this.r; }


// The Circle class is defined.
// Now we can create an instance and invoke its methods.
var c =
new Circle(0.0, 0.0, 1.0);
var a =c.area(  );
var p = c.circumference(  );


內置的類的 prototype.

不光是用戶自定義的類可以有 prototype. 系統內置的類比如 String, Date 也都有的。而且你可以向他們添加新的方法,屬性等。
下面這段代碼就對所有的 String 對象添加了一個有用的函數:

// Returns true if the last character is c
String.prototype.endsWith =
function(c) {
    return (c ==
this.charAt(this.length-1))
}


然后我們就可以類似這樣的來調用了:

var message =
"hello world";
message.endsWith('h')  // Returns false
message.endsWith('d')  // Returns true
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 睢宁县| 安陆市| 江川县| 田林县| 临漳县| 奇台县| 泽普县| 固安县| 澳门| 梓潼县| 辉县市| 西乌珠穆沁旗| 聂拉木县| 南郑县| 昭苏县| 丁青县| 广河县| 革吉县| 大埔县| 江北区| 宁安市| 绍兴市| 太保市| 陆良县| 穆棱市| 广元市| 阿拉善右旗| 白银市| 涟源市| 台北县| 突泉县| 庆云县| 周口市| 蒙阴县| 葫芦岛市| 江山市| 玉门市| 衡东县| 巴彦县| 宽城| 台前县|