本篇文章給大家分享的是有關(guān)如何構(gòu)建JavaScript插件系統(tǒng),小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
插件是庫和框架的常見功能,并且有一個(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