javascript如何封裝自己的js外掛程式__javascript

來源:互聯網
上載者:User

 作為一個程式員,如果只會ctrl+c和ctrl+v,那麼其實工作起來很枯燥的。做人沒有夢想那跟鹹魚有什麼分別。程式員也是一樣。我們不要一直局限於粘貼複製,我們要學會自己造輪子。

 那麼,作為一個前端,該如何封裝自己的外掛程式呢。

下面給不會封裝的同學示範一個小模板:

 //用閉包形式來寫,前面加;是防止跟其他js壓縮時報錯;(function(global){    //開啟strict 模式    "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);

 看了之後是不是很簡單。那麼快來自己試一試吧。




聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.