前言:使用過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。
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。
發表評論
請登錄后評論...
登錄后才能評論