javascript如何封裝自己的js插件（js 工具類封裝）

本文目錄一覽：

插件的目的是為了實現一系列功能。一般來講是分為兩種，一種是獨立插件，一種是依賴插件。獨立插件的話，只要把插件寫在一個js文件裏面，把js引進來就可以了。依賴插件的話，是本身需要依賴於其他的js，比如常見的jq插件，需要依賴jq，使用的時候要先把jq引進來，然後再把這個js引進來。

js插件的開發需要幾個注意點：

獨立變量，方法。防止和其他js產生衝突，一般採用閉包。

暴露設置，暴露方法調用。為了插件根據需要做一些設置上的改變。

防止重複定義，一般有一個初始化，建議採用匿名函數實現只能初始化一次

函數封裝，添加合適的參數

如function aa(cla){

$(‘.’+cla).html(‘你好’)；

}

調用的時候aa(“zz”);zz是class類名

接下來，我講封裝一個仿jQuery的庫，主要包含jQuery中綁定，css，等方法，我講它定義為 “HQuery”

jQuery中的 $ 符號意味着什麼？

先思考一下jQuery庫中alert(typeof $)的結果，它是一個對象，也是一個函數

所以美元符$字面上是jQuery，其實就是一個jq對象，裏面可以接受函數，字符串，還要一種是對象(比如this)

給自己的Hquery填加$符號：

Hquery是基於面向對象實現的，所以我們需要先寫構造函數，為了方便遍歷和其他方法的操作，所有內容返回到一個數組中，這個數組衣服於Hquery對象存在，之後將為這個Hquery對象屬性添加方法

我們使用Hquery操作DOM等實現一系列的功能，選擇器是必不可少的，所有我們首先封裝好選擇器，這樣就可以能省去document.getElementsByClass等等麻煩的操作

其他的方法，我就不一一介紹了，下面直接給大家上一個多種方法封裝好的，大家k’y

把你的js複製到記事本中，然後將記事本的拓展名(.txt)改為js(javascript)的拓展名(.js)就行了，當你在某個頁面(如：html、jsp、asp等)中要用到該js的方法，只需將你剛才封裝的js引入到頁面中就可以調用其中的方法了。

原創文章，作者：ETTSR，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/325136.html