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

首頁 > 語言 > JavaScript > 正文

深入理解JavaScript系列(42):設計模式之原型模式詳解

2024-05-06 16:16:00
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了深入理解JavaScript系列(42):設計模式之原型模式詳解,原型模式(prototype)是指用原型實例指向創建對象的種類,并且通過拷貝這些原型創建新的對象,需要的朋友可以參考下
 

介紹

原型模式(prototype)是指用原型實例指向創建對象的種類,并且通過拷貝這些原型創建新的對象。

正文

對于原型模式,我們可以利用JavaScript特有的原型繼承特性去創建對象的方式,也就是創建的一個對象作為另外一個對象的prototype屬性值。原型對象本身就是有效地利用了每個構造器創建的對象,例如,如果一個構造函數的原型包含了一個name屬性(見后面的例子),那通過這個構造函數創建的對象都會有這個屬性。

在現有的文獻里查看原型模式的定義,沒有針對JavaScript的,你可能發現很多講解的都是關于類的,但是現實情況是基于原型繼承的JavaScript完全避免了類(class)的概念。我們只是簡單從現有的對象進行拷貝來創建對象。

真正的原型繼承是作為最新版的ECMAScript5標準提出的,使用Object.create方法來創建這樣的對象,該方法創建指定的對象,其對象的prototype有指定的對象(也就是該方法傳進的第一個參數對象),也可以包含其他可選的指定屬性。例如Object.create(prototype, optionalDescriptorObjects),下面的例子里也可以看到這個用法:

復制代碼代碼如下:

// 因為不是構造函數,所以不用大寫
var someCar = {
    drive: function () { },
    name: '馬自達 3'
};

 

// 使用Object.create創建一個新車x
var anotherCar = Object.create(someCar);
anotherCar.name = '豐田佳美';


Object.create運行你直接從其它對象繼承過來,使用該方法的第二個參數,你可以初始化額外的其它屬性。例如:
復制代碼代碼如下:

var vehicle = {
    getModel: function () {
        console.log('車輛的模具是:' + this.model);
    }
};

 

var car = Object.create(vehicle, {
    'id': {
        value: MY_GLOBAL.nextId(),
        enumerable: true // 默認writable:false, configurable:false
 },
    'model': {
        value: '福特',
        enumerable: true
    }
});


這里,可以在Object.create的第二個參數里使用對象字面量傳入要初始化的額外屬性,其語法與Object.defineProperties或Object.defineProperty方法類型。它允許您設定屬性的特性,例如enumerable, writable 或 configurable。

 

如果你希望自己去實現原型模式,而不直接使用Object.create 。你可以使用像下面這樣的代碼為上面的例子來實現:

復制代碼代碼如下:

var vehiclePrototype = {
    init: function (carModel) {
        this.model = carModel;
    },
    getModel: function () {
        console.log('車輛模具是:' + this.model);
    }
};

 


function vehicle(model) {
    function F() { };
    F.prototype = vehiclePrototype;

    var f = new F();

    f.init(model);
    return f;
}

var car = vehicle('福特Escort');
car.getModel();

 

總結

原型模式在JavaScript里的使用簡直是無處不在,其它很多模式有很多也是基于prototype的,就不多說了,這里大家要注意的依然是淺拷貝和深拷貝的問題,免得出現引用問題。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 樟树市| 龙口市| 黄骅市| 克什克腾旗| 措勤县| 买车| 神池县| 沙坪坝区| 兰溪市| 云阳县| 长垣县| 仲巴县| 枣强县| 五大连池市| 巴南区| 凌云县| 登封市| 龙南县| 木兰县| 博野县| 南和县| 延川县| 绥江县| 肇庆市| 五原县| 广汉市| 弥渡县| 阳泉市| 屏东市| 鹰潭市| 德阳市| 岐山县| 监利县| 泾川县| 中江县| 栾川县| 杂多县| 青阳县| 江孜县| 巍山| 杭州市|