首页 > 代码库 > 补充$.extend()

补充$.extend()

2024-08-17 15:44:33   208人阅读

　　这里多谢某童鞋的提醒！说我的上篇随笔jquery插件开发的方式一还还可用于合并参数和深clone，虽然方式二中用了方式一做参数合并，但并未详细介绍，所以今天在此处做点补充！

　　一、合并参数

　　jquery的extend扩展原型是：

extend(arg,arg1,arg2,……);

返回值未arg1，arg2……合并到arg。这里就有两种用法。

  • 省略arg参数，则arg1，arg2……合并后返回，如：

var results=$.extend({name:‘nick‘},{sex:‘handsome‘});//那么，返回值为results={name:‘nick‘,sex:‘handsome‘};自定义arg参数，则返回自定义类型的arg。如：//这里定义arg为一个对象var results=$.extend({},{name:‘nick‘},{sex:‘handsome‘});//那么，返回值为arg对象results={name:‘nick‘,sex:‘handsome‘};//这里定义arg为一个数组var results=$.extend([],{name:‘nick‘},{sex:‘handsome‘});//那么，返回值为arg数组results=[name:‘nick‘,sex:‘handsome‘];

注意：
　　合并参数时，若$.extend()中参数的属性名冲突了，则后面的值会替换前面的值。如：

//这里定义arg为一个对象var results=$.extend({},{name:‘nick‘,sex:‘male‘},{sex:‘handsome‘});//那么，返回值为arg对象。sex属性冲突，则后面的值handsome替换maleresults={name:‘nick‘,sex:‘handsome‘};

二、clone　　

　　jquery的extend的clone为：

$.extend(boolean,arg,arg1,arg2……);

  • 　　boolean为true时，深clone：

var results=$.extend(true,{},{user:{name:‘nick‘,love:‘money‘},age:25},{user:{name:‘summer‘,like:‘car‘},sex:‘handsome‘});//返回值results={"user":{"name":"summer","love":"money","like":"car"},"age":25,"sex":"handsome"};

  • 　　boolean为false时（默认）：

var results=$.extend(false,{},{user:{name:‘nick‘,love:‘money‘},age:25},{user:{name:‘summer‘,like:‘car‘},sex:‘handsome‘});//返回值results={"user":{"name":"summer","like":"car"},"age":25,"sex":"handsome"};

　　亲们，注意到了麽？好好看看返回值！
注意：

  • 　　$.extend()用于clone时最好将boolean设为true。
  • 　　由于jquery早期版本只有浅clone，不过后面的版本修复了，所以使用jquery cdn时尽量使用较高版本。

补充$.extend()


联系
我们