码迷,mamicode.com
首页 > 其他好文 > 详细

补充$.extend()

时间:2016-10-24 13:50:26      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:html   back   参数   nic   数组   开发   cdn   style   round   

  这里多谢某童鞋的提醒!说我的上篇随笔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替换male
results={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()

标签:html   back   参数   nic   数组   开发   cdn   style   round   

原文地址:http://www.cnblogs.com/puyongsong/p/5992362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!