您好,欢迎访问一九零五行业门户网

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

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 的源码如下,因为比较简单,所以没有做太多的精简。
复制代码 代码如下:
///
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) {
deep = target;
target = arguments[1] || {};
// skip the boolean and the target
i = 2;
}
// 如果目标不是对象也不是函数
if (typeof target !== object && !jquery.isfunction(target)) {
target = {};
}
// 如果只有一个参数就是扩展自己
if (length === i) {
target = this;
--i;
}
// 遍历所有的参考对象,扩展到目标对象上
for (; i // only deal with non-null/undefined values
if ((options = arguments[i]) != null) {
// extend the base object
for (name in options) {
src = target[name];
copy = options[name];
// prevent never-ending loop
if (target === copy) {
continue;
}
// recurse if we're merging object literal values or arrays
if (deep && copy && (jquery.isplainobject(copy) || jquery.isarray(copy))) {
var clone = src && (jquery.isplainobject(src) || jquery.isarray(src)) ? src
: jquery.isarray(copy) ? [] : {};
// never move original objects, clone them
target[name] = jquery.extend(deep, clone, copy);
// don't bring in undefined values
} else if (copy !== undefined) {
target[name] = copy;
}
}
}
}
// return the modified object
return target;
};
其它类似信息

推荐信息