提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

JS方法扩展 参数 灵活 extend
2023-06-13 09:14:44 时间
在做ＪＳ开发时，我们将第三方复杂的插件进行封装，然后对外公开一个很简单的方法接口，这是开发时常用的方法，在ＪＳ里，我们的方法参数通常使用JQ的$.extend扩展方法来实现
复制代码代码如下:

functionextend(arr){
arr=$.extend({name:"zzl",sex:"male",age:31},arr||{});
alert("[Name:]"+arr.name+"[Sex:]"+arr.sex+"[Age:]"+arr.age);
}

在页面调用时：
复制代码代码如下:

<ahref="#"onclick="extend();returnfalse;">extends</a>输出内容为：

 
即如果我们没有为arr指定值，它会把默认的值进行输出，如果我们为arr对象的某个属性赋值，结果会怎样？

复制代码代码如下:
<ahref="#"onclick="extend({name:"占占"});returnfalse;">extends</a>

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


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

？？运算符，所以ＪＳ里的｜｜挺强大，呵呵。

相关文章