怎樣用JavaScript實現原型模式

原型模式是指原型實例指向創建對象的種類，并通過拷貝這些原型創建新的對象，是一種用來創建對象的模式，也就是創建一個對象作為另一個對象的prototype屬性；

prototype警告：學習了解原型模式前需先學習原型、原型鏈、prototype、__proto__、constructor等知識；

ES5中的API：Object.create(prototype, optionalDescriptorObjects)

Object.create()方法接收兩個參數：第一個參數是__proto__對象，第二個是prototiesObject（可選，使用第二個參數可以初始化額外的其他屬性，接受字面量對象形式）；　

var vehiclePrototype = { model:'保時捷', getModel: function () {console.log(’車輛模具是：’ + this.model); }};var vehicle = Object.create(vehiclePrototype,{ 'model':{value:'法拉利' }});vehicle.getModel(); //車輛模具是：法拉利

我們使用Object.create實際上是新建了一個對象vehiclePrototype，并且繼承了vehiclePrototype的方法，所以此時vehicle.__proto__ == vehiclePrototype；

第二個參數中初始化了'model'的值，將model的值初始化為了'法拉利',所以此時新創建的對象vehiclePrototype中只有一個model，值為'法拉利'；

不用Object.create()實現，用prototype:

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(’法拉利’);car.getModel(); // 車輛模具是：法拉利

上述代碼中，我們可以看到核心是在vehicle中，我們先創建了一個新的構造函數，然后將該函數的原型指向vehiclePrototype，然后進行實例化該函數，最后繼承之后調用prototype上的init方法，最后將執行結果進行返回也是同樣可以實現的；

原型模式在JavaScript中無處不在，其他模式中有很多也是基于prototype來實現的，所以好好學習、復習原型和原型鏈的知識很重要，重點是prototype、__proto__、constructor等關鍵屬性知識點；

以上就是怎樣用JavaScript實現原型模式的詳細內容，更多關于JavaScript原型模式的資料請關注好吧啦網其它相關文章！