作為一個程序員,如果隻會ctrl+c和ctrl+v,那麼其實工作起來很枯燥的。做人沒有夢想那跟咸魚有什麼分別?程序員也是一樣。我們不要一直局限於粘貼復制,我們要學會自己造輪子。
那麼,作為一個前端,該如何封裝自己的插件呢?
下面給不會封裝的同學示范一個小模板:
//用閉包形式來寫,前面加;是防止跟其他js壓縮時報錯 ;(function(global){ //開啟嚴格模式 "use strict"; //構造函數定義一個類 傳參數 function Scroll(el,options) { //some code }; //原型鏈上提供方法 Scroll.prototype = { //定義方法 show: function() { //some code } }; //兼容CommonJs規范 if (typeof module !== 'undefined' && module.exports) { module.exports = Scroll; }; //兼容AMD/CMD規范 if (typeof define === 'function') define(function() { return Scroll; }); //註冊全局變量,兼容直接使用script標簽引入插件 global.Scroll = Scroll; })(this);
看瞭之後是不是很簡單?那麼快來自己試一試吧。