posts - 82, comments - 269, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

jQuery的一个关键函数

Posted on 2007-10-26 08:52 itspy 阅读(643) 评论(3)  编辑  收藏

jQuery.extend = jQuery.fn.extend = function() {
 // copy reference to target object
 var target = arguments[0] || {}, a = 1, al = arguments.length, deep = false;

 // Handle a deep copy situation

//这个IF条件基本上总是false,只有当target对象是布尔类型时才会是真,也就是这段代码好像没有什么作用

  if ( target.constructor == Boolean ) {  
  deep = target;
  target = arguments[1] || {};
 }

 // extend jQuery itself if only one argument is passed
 if ( al == 1 ) {
  target = this;
  a = 0;
 }

 var prop;

 for ( ; a < al; a++ )
  // Only deal with non-null/undefined values
  if ( (prop = arguments[a]) != null )
   // Extend the base object
   for ( var i in prop ) {
    // Prevent never-ending loop
    这一段代码不知道怎么搞的,说是用来阻止死循环,但我怎么也不明白他是如何阻止的,好像却了他也没什么影响。
    if ( target == prop[i] )
     continue;

    // Recurse if we're merging object values
    if ( deep && typeof prop[i] == 'object' && target[i] )
     jQuery.extend( target[i], prop[i] );

    // Don't bring in undefined values
    else if ( prop[i] != undefined )
     target[i] = prop[i];
   }

 // Return the modified object
 return target;
};


评论

# re: jQuery的一个关键函数  回复  更多评论   

2008-06-25 13:34 by itspy
不承认差距不行,自己花了至少好几个小时也没明白的代码,被人家这样深度解析了.



http://blog.ccidnet.com/blog.php?do=showone&uid=77419&type=blog&itemid=251407

# re: jQuery的一个关键函数  回复  更多评论   

2008-06-25 14:16 by itspy
http://noteslog.com/post/how-to-force-jqueryextend-deep-recursion/

How to force jQuery.extend deep recursion

# re: jQuery的一个关键函数  回复  更多评论   

2008-06-25 14:26 by itspy
var test =jQuery.extend( true,
{ a:{ x:1 }, b:'2' },
{ a:{ y:'1' }, c:3 } )

console.log(test.a.y);
console.log(test.a.x);


var test =jQuery.extend(
{ a:{ x:1 }, b:'2' },
{ a:{ y:'1' }, c:3 } )

console.log(test.a.y);
console.log(test.a.x);


上面这段代码可以检验jQuery的深度复制的区别
if ( target.constructor == Boolean ) {
deep = target;
target = arguments[1] || {};
}

只有注册用户登录后才能发表评论。


网站导航: