首頁 > web前端 > js教程 > JS設計模式之原型模式詳解

JS設計模式之原型模式詳解

php中世界最好的语言
發布: 2018-03-14 14:27:47
原創
1967 人瀏覽過

這次帶給大家JS設計模式原型模式詳解,使用JS原型模式的注意事項有哪些,以下就是實戰案例,一起來看一下。

概念:原型模式是指用原型實例指向建立物件的種類,並透過拷貝這些原型建立新的物件。對於原型模式,我們利用javascript原型繼承特性去繼承特性這樣一種方式來創建,也就是創建一個物件作為另一個物件的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('福特Escort');
car.getModel();//上面代码来自汤姆大叔的博客
登入後複製

對於原型模式我們在javascript中使用無所不在,往往我們將原型與我們其他設計模式結合起來使用,能達到更好的效果。

總結:

說了這麼設計模式,你理解的有多少呢,使用設計模式是為了提高我們解決問題的效率,不同的設計模式也是根據不同的應用環境來製訂的,而在大多數情況下,設計方式一般是結合起來使用的,往往能達到更好的效果,制定好的設計方案有利於我們解決問題,有利於代碼的維護,在使用過程中千萬不要為了實用設計模式而強行使用,這往往會提高程式碼的複雜度。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

JS設計模式之指令模式詳解

JS設計模式之代理模式詳解

JS設計模式之工廠模式詳解


以上是JS設計模式之原型模式詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板