用过java开发的同学,在开发某个模块的时候,一定会把常用代码拉出来放在一个常用类里,这样以后就可以直接用这个模块了。你不必在每一个类中重复编写相同的代码。而且这种方法肯定有问题。我们只需要修改这个方法,所以不需要在每个类中改变它。那么前端可以这样实现吗?我在这里使用两种方法。
第一个:jquery的扩展方法
首先看下jquery自带的方法css
首先看一下jquery自己的方法css。
Css函数
很方便。我们不需要在html中编写样式。比如我有一个test1函数,每次进入页面都会弹出来。我不想总是写alert();然后我们就可以用extend来实现了。
我创建了一个jq_extend.js来定义test1函数。
我创建了一个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.chinashuhua.cn/24/570575.html