在做ＪＳ开发时，我们将第三方复杂的插件进行封装，然后对外公开一个很简单的方法接口，这是开发时常用的方法，在ＪＳ里，我们的方法参数通常使用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属性的性，结果输出为： 即，它只修改了指定属性的值，对象的其它值保持为原来的默认值。 ＪＳ中的||运算符与Ｃ#中的||作用相同，都是“逻辑或”，而在本例中它的用法是，如果arr对象为空，然后将{}赋值给它，这个功能类似于Ｃ#里的 ？？运算符，所以ＪＳ里的｜｜挺强大，呵呵。

　　推荐阅读

　　js弹出框轻量级插件jquery.boxy使用介绍

当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！ 复制代码 代码如下: <script type='text/>>>详细阅读

本文标题：Js-$.extend扩展方法使方法参数更灵活

地址：http://www.17bianji.com/kaifa2/JS/22507.html

 1/2    1