Js-$.extend扩展方法使方法参数更灵活
更新时间：2013年01月15日 16:06:35 作者：
在ＪＳ里，我们的方法参数通常使用JQ的$.extend扩展方法来实现,感兴趣的朋友可以了解下
在做ＪＳ开发时，我们将第三方复杂的插件进行封装，然后对外公开一个很简单的方法接口，这是开发时常用的方法，在ＪＳ里，我们的方法参数通常使用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属性的性，结果输出为：
即，它只修改了指定属性的值，对象的其它值保持为原来的默认值。
ＪＳ中的||运算符与Ｃ#中的||作用相同，都是“逻辑或”，而在本例中它的用法是，如果arr对象为空，然后将{}赋值给它，这个功能类似于Ｃ#里的
？？运算符，所以ＪＳ里的｜｜挺强大，呵呵。
相关文章
这篇文章主要介绍了JS监控关闭浏览器操作的实例详解的相关资料,希望通过本大家能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了JavaScript选择排序算法原理与实现方法,简单分析了选择排序算法的概念、原理并结合实例形式分析了JavaScript选择排序算法的相关实现技巧与操作注意事项,需要的朋友可以参考下2018-08-08
数组扁平化相信不少朋友在一些面试中被问到过,这在我们日常编程中也是一个常规操作,它需要我们将一个多维数组转化成一个一维数组,所以,借着这篇文章,我们今天就一起来汇总一下几种数组扁平化的方式,需要的朋友可以参考下2024-02-02
js获取数组最后一位元素的五种方法代码示例,使用console.time和console.timeEnd测量javascript脚本程序执行效率对比2023-08-08
这篇文章主要介绍了JavaScript检测鼠标移动方向的方法,涉及javascript鼠标操作的相关技巧,需要的朋友可以参考下2015-05-05
本文给大家汇总介绍了3种javascript数组去重的方法以及示例，十分的简单实用，有需要的小伙伴可以参考下。2015-07-07
function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象，注意prototype属性与prototype对象是两个不同的东西，要注意区别.这篇文章主要介绍了JS中的prototype的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了JS使用H5实现图片预览功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了tweenjs缓动算法的使用,结合实例形式分析了Tween.js插件的原理与使用技巧,需要的朋友可以参考下2019-08-08
最新评论