Js-$.extend扩展方法使方法参数更灵活
更新时间:2013年01月15日 16:06:35 作者:
在JS里,我们的方法参数通常使用JQ的$.extend扩展方法来实现,感兴趣的朋友可以了解下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud)
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
在做JS开发时,我们将第三方复杂的插件进行封装,然后对外公开一个很简单的方法接口,这是开发时常用的方法,在JS里,我们的方法参数通常使用JQ的$.extend 扩展方法来实现
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}
在页面调用时:
<a href="#" onclick="extend();return false;">extends</a>输出内容为:
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代码,我们改变了name属性的性,结果输出为:
复制代码 代码如下:
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}
在页面调用时:
复制代码 代码如下:
<a href="#" onclick="extend();return false;">extends</a>输出内容为:
即如果我们没有为arr指定值,它会把默认的值进行输出,如果我们为arr对象的某个属性赋值,结果会怎样?
复制代码 代码如下:
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代码,我们改变了name属性的性,结果输出为:
即,它只修改了指定属性的值,对象的其它值保持为原来的默认值。
JS中的||运算符与C#中的||作用相同,都是“逻辑或”,而在本例中它的用法是,如果arr对象为空,然后将{}赋值给它,这个功能类似于C#里的
??运算符,所以JS里的||挺强大,呵呵。
相关文章
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
这篇文章主要介绍了JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的一种解决办法,本文还给大家介绍了js快速获取数组中最大值和最小值的方法,非常不错,需要的朋友可以参考下2016-07-07js动态改变select选择变更option的index值示例
今天删除多个select值的时候出现了问题,搞了半天原来是索引引起的(即删除的时候要从索引大的开始删,然后再 删除索引小的2014-07-07
最新评论