欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【Js-$.extend扩展方法使方法参数更灵活】,下面是详细的讲解!
Js-$.extend扩展方法使方法参数更灵活
在做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="http://www.jb51.net/article/33284.htm#" onclick="extend();return false;">extends</a>输出内容为:
即如果我们没有为arr指定值,它会把默认的值进行输出,如果我们为arr对象的某个属性赋值,结果会怎样?
<a href="http://www.jb51.net/article/33284.htm#" onclick="extend({name:'占占'});return false;">extends</a>
上面代码,我们改变了name属性的性,结果输出为:

即,它只修改了指定属性的值,对象的其它值保持为原来的默认值。
JS中的||运算符与C#中的||作用相同,都是“逻辑或”,而在本例中它的用法是,如果arr对象为空,然后将{}赋值给它,这个功能类似于C#里的
??运算符,所以JS里的||挺强大,呵呵。
关于Js-$.extend扩展方法使方法参数更灵活的用户互动如下:
相关问题:jquery.fn.extend;jquery.extend;扩展有什么区别
答:你好,前者是dom对象上的扩展,后者是jQuery类上的扩展,具体你可以参考http://jingyan.baidu.com/article/fec4bce259ef67f2608d8b10.html 希望可以解决你的问题 >>详细
相关问题:jquery.extend 与 jquery.fn.extend的区别和使用
答:jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); 虽然 javascript没有明确的类的概念,但是用类来理解它,会更方便。 jQuery便是一个封装得非常好的类,比如我们用 语句$("#btn1") 会生成一个 jQuery类的实例。... >>详细
相关问题:jQuery.extend 函数代码详解
答:JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: 复制代码 代码如下: extend(dest,src1,src2,src3...); 它的含义是将src1,s... >>详细
- 【hover】jQuery控制图片的hover效果(smartRollo
- 【Cookie】Cookie 小记
- 【function】JavaScript function 的 length 属性
- 【ExtJs】ExtJs动态生成treepanel的Json格式-tree
- 【Ajax】Ajax执行顺序流程及回调问题分析-顺序-回
- 【filter】javascipt:filter过滤介绍及使用-过滤
- 【HTML5】Javascript和HTML5利用canvas构建Web五
- 【angularjs谷歌地图】在AngularJS中如何使用谷歌
- 【Chrome控制台】如何使Chrome控制台支持多行js模
- 【Dom】Dom在ajax技术中的作用说明-ajax
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
