前言：使用過java開發的同學，在開發某個模塊時，可肯定會將公共的代碼抽離出來，放在一個公共的類里，這樣以後用到這個模塊，直接調用就可以了。不用在每個類裏面都重複的寫着同樣的代碼。而且一定這個方法有問題，我們只修改這個方法就行了，不需要去每個類裏面都改一遍。那麼前端是否也可以這樣實現呢？我這裡使用2種方式。
第一種：jquery的extend方法
首先看下jquery自帶的方法css
css函數
很方便，不需要我們到html裏面去寫style了。比如我有一個test1函數，每次進頁面都彈出一下。我用不想始終都寫alert();那麼我們就可以使用extend來實現。
我創建了一個jq_extend.js來定義test1函數。
extend
測試
直接使用$.test1()就行了。這裡呢，我也列出了傳參的函數test2()。
第二種：不使用extend，匿名函數的形式，我們自己去定義
if(typeof tools =="undefined"){
var tools=new Object();
}
;(function($){
$.test_cus = function(arg){
alert(arg);
}
})(tools); 
自定義
這樣也很好，我們不需要$來引用函數了。用tools就可以了。
測試
直接tools.test_cus()。
總結：創建自定義的函數，方便我們更好的管理代碼。但也一定要注意，定義後，必須要引入相應的js。就如我圖中引入的jq_extend.js、custom.js。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/252995.html
微信掃一掃 
支付寶掃一掃 