原型模式說明
說明:使用原型實例來 拷貝 建立新的可自訂的物件;新建的對象,不需要知道原始物件建立的具體流程;
過程:Prototype => new ProtoExam => clone to new Object;
使用相關程式碼:
Prototype.prototype.userInfo = function() {
return '個人資料, 姓名: ' this.name ', 年齡: ' this.age ', 性別:' this.sex '
';
}
現在需要兩個或以上的個人資訊內容:
輸出回傳:
原型模式,一般用於 抽象結構複雜,但內容組成差不多,抽象內容可定制,新創建只需在原始創建對像上稍微修改即可達到需求的情況;
Object.create 使用說明
1>. 定義: 建立一個可指定原型物件的並且可以包含可選自訂屬性的物件;
2> Object.create(proto [, properties]); 可選,用於配置新物件的屬性;
也可以包含 set, get 存取器方法;
其中,[set, get] 與 value 和 writable 不能同時出現;
1. 建立原型物件類別:
使用方法
1. 以 ProtoClass.prototype 建立一個物件;
2. 採用 實例化的 ProtoClass 做原型:
var obj2 = Object.create(proto, {
foo:{value:'obj2'}
});
obj2.aMethod(); //ProtoClass
obj2.foo; //obj2
3. 子類別繼承:
SubClass.prototype.subMethod = function() {
return this.a || this.foo;
}
這種方法可以繼承 到 ProtoClass 的 aMethod 方法,執行;
要讓 SubClass 能讀取到 ProtoClass 的成員屬性,SubClass 要改下:
//其他代碼;
這種方法就可以取得 ProtoClass 的成員屬性及原型方法;:
還有一種方法,就是使用 實例化的 ProtoClass 對象,做為 SubClass 的原型;
function SubClass() {
}
SubClass.prototype = Object.create(proto, {
foo:{value: 'subclass'}
});
這樣 SubClass 實例化後,就可以取得 ProtoClass 所有的屬性及原型方法,以及建立一個唯讀資料屬性 foo;
4. 另外的建立繼承方法,跟 Object.create 使用 實例化的ProtoClass 做原型 效果一樣:
SubClass.prototype = new ProtoClass();
Object.create 相關說明
Object.create 用來建立一個新的對象,當為 Object 時 prototype 為 null, 作用與 new Object(); 或 {} 一致;
當為 function 時,作用與 new FunctionName 一樣;
//-----------------------------------------
function func() {
this.a = 'func';
}
func.prototype.method = function() {
return this.a;
}
var newfunc = new func();
//等同於[效果一樣]
var newfunc2 = Object.create(Object.prototype/*Function.prototype||function(){}*/, {
a: {value:'func', writable:true},
method: {value: function() {return this.a;} }
});
但是 newfunc 與 newfunc2 在創建它們的物件的函數參考是不一樣的.
newfunc 為 function func() {...},newfunc2 為 function Function { Native }
proto 為非 null, 即為已 實例化的值,即已經 new 過的值;javaScript 中的 物件大多有 constructor 屬性,這個屬性說明 此物件是透過哪個函數實例化後的物件;
propertiesField 為可選項,設定新建立物件可能需要的成員屬性或方法;