加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery 原理的模拟代码 -4 重要的扩展函数 extend

发布时间:2018-09-03 15:34:33 所属栏目:业界 来源:站长网
导读:上一篇:jQuery 原理的模拟代码 -3 事件处理 在上两篇文章中,我们看到每次要通过 jQuery 的原型增加共享方法的时候,都需要通过 jQuery.fn 一个个进行扩展,非常麻烦,jQuery.fn.extend 提供了一个扩展机制,可以方便我们通过一个或者多个示例对象来扩展

上一篇:jQuery 原理的模拟代码 -3 事件处理

在上两篇文章中,我们看到每次要通过 jQuery 的原型增加共享方法的时候,都需要通过 jQuery.fn 一个个进行扩展,非常麻烦,jQuery.fn.extend 提供了一个扩展机制,可以方便我们通过一个或者多个示例对象来扩展某个对象。如果没有指定被扩展的对象,那么将扩展到自己身上。

jQuery.extend 也可以通过 jQuery.fn.extend 使用, 在 jQuery 中使用很多,用来为一个目标对象扩展成员,扩展的成员来自于一系列参考对象。

这样,如果我们需要为 jQuery.fn 扩展成员 removeData,就可以这样进行。

jQuery.fn.extend(
{
removeData: function( key ) {
return this.each(function() {
jQuery.removeData( this, key );
});
}
}
);

extend 的源码如下,因为比较简单,所以没有做太多的精简。

1 /// <reference path="jQuery-core.js" />
2
3
4 jQuery.extend = jQuery.fn.extend = function () {
5 // copy reference to target object
6 var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options, name, src, copy;
7
8 // 深拷贝情况,第一个参数为 boolean 类型,那么,表示深拷贝,第二个参数为目标对象
9 if (typeof target === "boolean") {
10 deep = target;
11 target = arguments[1] || {};
12 // skip the boolean and the target
13 i = 2;
14 }
15
16 // 如果目标不是对象也不是函数
17 if (typeof target !== "object" && !jQuery.isFunction(target)) {
18 target = {};
19 }
20
21 // 如果只有一个参数就是扩展自己
22 if (length === i) {
23 target = this;
24 --i;
25 }
26
27 // 遍历所有的参考对象,扩展到目标对象上
28 for (; i < length; i++) {
29 // Only deal with non-null/undefined values
30 if ((options = arguments[i]) != null) {
31 // Extend the base object
32 for (name in options) {
33 src = target[name];
34 copy = options[name];
35
36 // Prevent never-ending loop
37 if (target === copy) {
38 continue;
39 }
40
41 // Recurse if we're merging object literal values or arrays
42 if (deep && copy && (jQuery.isPlainObject(copy) || jQuery.isArray(copy))) {
43 var clone = src && (jQuery.isPlainObject(src) || jQuery.isArray(src)) ? src
44 : jQuery.isArray(copy) ? [] : {};
45
46 // Never move original objects, clone them
47 target[name] = jQuery.extend(deep, clone, copy);
48
49 // Don't bring in undefined values
50 } else if (copy !== undefined) {
51 target[name] = copy;
52 }
53 }
54 }
55 }
56
57 // Return the modified object
58 return target;
59 };

原文:http://www.cnblogs.com/haogj/archive/2010/08/03/1789779.html

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读