最新消息:文章中包含代码时,请遵守代码高亮规范!

javascript的实用技巧和写法【原创】

JavaScript Jonny 57浏览 0评论

我们平常在写javascript代码的时候,可能只要把功能实现了就行,不会去关注代码的是否简洁,别人是否能看懂。有些时候写的乱的话,时间一长自己回过头来看自己的代码估计都看不明白,即使写了一些注释。这次讲的跟代码优化沾点边。

有时候我们写点击事件,比如:


//三个点击事件
$('#abc1').click(function(){
    $('#def1').hide();
})
$('#abc2').click(function(){
    $('#def2').hide();
})
$('#abc3').click(function(){
    $('#def3').hide();
})

三个点击事件,但是他们的效果的是一样的,隐藏内容。这时我们可以给这一个效果定义一个函数,在需要的地方调用函数,元素id当一个参数传递:


function hide(element){
    $(element).hide();
}

$('#abc1').click(function(){
    hide('#def1');
})
$('#abc2').click(function(){
    hide('#def2');
})
$('#abc3').click(function(){
    hide('#def3');
})

这样代码看起来简洁易懂,不会出现过多重复代码。
上面只是一个例子,点击事件里的代码很少,如果一个事件要控制很多相似的效果,代码又很长,定义一个函数会方便很多。

 

既然定义了js函数,那我们很多时候都需要传参数,而有些参数不是必须要传的,我们会这样写:


function foo(name, age, sex){
    ......
}
foo(name, age, sex)

但有时候我们只需要传一个参数时:


function foo(name, age, sex){
    alert(sex)
}
foo('', '', sex);

这样看上去代码就很怪了,所以我们可以用对象的方式将参数传过去,只传我们需要的,


function foo(data){
    alert(data.sex)
}
foo({sex:'男'})

这样看着就很舒服了,再比如一个函数有很多的参数:


function foo(a,b,c,d,e,f,g,...){
    ......
}

所以参数在三个和三个以上的建议用对象的方式传参。

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22734.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Jonny的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!