本篇文章給大家分享的是有關(guān)如何構(gòu)建JavaScript插件系統(tǒng),小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
站在用戶的角度思考問題,與客戶深入溝通,找到龍?zhí)毒W(wǎng)站設(shè)計(jì)與龍?zhí)毒W(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋龍?zhí)兜貐^(qū)。插件是庫和框架的常見功能,并且有一個(gè)很好的使用它的理由:它們允許開發(fā)人員以安全,可擴(kuò)展的方式添加功能。這就使核心項(xiàng)目更具價(jià)值,這種開放形勢可以幫助項(xiàng)目建立社區(qū),并且不會為我們增加額外的維護(hù)負(fù)擔(dān)。
本文就使用 JavaScript 來構(gòu)建一個(gè)我們自己的插件系統(tǒng)。
這里我使用的是 “pluginn” 一詞,但這些東西有時(shí)也稱為其他名稱,例如“extensions”,“add-ons”或“modules”。無論你叫什么,它的含義(和收益)都是相同的。
讓我們構(gòu)建一個(gè)插件系統(tǒng)
讓我們從一個(gè)名為 BetaCalc
的示例項(xiàng)目開始。 BetaCalc
的目標(biāo)是成為一個(gè)簡約的 JavaScript
計(jì)算器,其他開發(fā)人員可以在其中添加“按鈕”。下面是一些基本的代碼,可以幫助我們?nèi)腴T:
// The Calculator const betaCalc = { currentValue: 0, setValue(newValue) { this.currentValue = newValue; console.log(this.currentValue); }, plus(addend) { this.setValue(this.currentValue + addend); }, minus(subtrahend) { this.setValue(this.currentValue - subtrahend); } }; // Using the calculator betaCalc.setValue(3); // => 3 betaCalc.plus(3); // => 6 betaCalc.minus(2); // => 4