您当前位置:成都网站制作 >> 新闻频道 >> 网络动态 >> 浏览文章
 

Js-$.extend扩展方法使方法参数更灵活

发布时间:2013年01月16日 来源:www.scgc.net   作者:成都网站制作 
收藏到:
在做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>输出内容为:

点击浏览下一页
即如果我们没有为arr指定值,它会把默认的值进行输出,如果我们为arr对象的某个属性赋值,结果会怎样?
复制代码 代码如下:
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>

上面代码,我们改变了name属性的性,结果输出为

点击浏览下一页
即,它只修改了指定属性的值,对象的其它值保持为原来的默认值。
JS中的||运算符与C#中的||作用相同,都是“逻辑或”,而在本例中它的用法是,如果arr对象为空,然后将{}赋值给它,这个功能类似于C#里的

??运算符,所以JS里的||挺强大,呵呵。

相关阅读:

下一篇:js弹出框轻量级插件jquery.boxy使用介绍
上一篇:尝试在让script的type属性等于texthtml
  1. 冠辰 | 关于我们 | 网站建设 | 网站优化 | 整合营销 | 代理产品 | 成功案例 | 热门关键词| 联系我们
  2. 地址:四川省成都营门口路439号幸福丽景B座306室
  1. 四川冠辰科技开发有限公司www.scgc.net 版权所有 · 2013, All Rights Reserved.