|
|
(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 JavaScript技術：Javascript 原型和繼承(Prototypes and Inheritance)，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
