No.40 jQuery对象拷贝、多库共存

一、jQuery 对象拷贝

如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法

语法:
$.extend([deep], target, object1, [objectN])

  1. deep: 如果设为true 为深拷贝, 默认为false 浅拷贝
  2. target: 要拷贝的目标对象
  3. object1:待拷贝到第一个对象的对象。
  4. objectN:待拷贝到第N个对象的对象。
  5. 浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象。
  6. 深拷贝,前面加true, 完全克隆(拷贝的对象,而不是地址),修改目标对象不会影响被拷贝对象。

案例描述:
合并 defaults 和 options, 不修改 defaults。

jQuery 代码:

var empty = {};
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend(empty, defaults, options);

结果:

settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }

二、jQuery 多库共存

问题概述:
jQuery使用 $ 作为标示符,随着jQuery的流行,其他 js 库也会用 $ 作为标识符, 这样一起使用会引起冲突。
客观需求:
需要一个解决方案,让jQuery 和其他的js库不存在冲突,可以同时存在,这就叫做多库共存。
jQuery 解决方案:

  1. 把里面的 $ 统一改为 jQuery。 比如 jQuery(''div'')
  2. jQuery 变量规定新的名称:var xx = $.noConflict();

你可能感兴趣的:(No.40 jQuery对象拷贝、多库共存)