javascript 对象合并代码实例简单分析

日期: 2022-12-08 13:43:37 分类: 前端浏览量：留言数： 98407

本章节分享一段代码实例，它实现了对象合并的效果。

其实模拟子jquery的源码，当然比源码稍微精简一下，具有一定的实用效果。

下面就给出代码，并进行一定的分析，感兴趣的朋友可以做一下参考。

关于对象合并更多内容可以参阅javascript深度拷贝和浅拷贝简单介绍一章节。

代码实例如下:

(function () {
  var Q= (function () {
    var Q = function () {
      return Q.fn.init();
    };
 
    Q.fn = Q.prototype = {
      init: function () {
        return this;
      }
    };
    Q.extend = Q.fn.extend = function () {
      var options, name, src, copy,
      target = arguments[0] || {},
      index = 1, length = arguments.length;
      if (length === index) {
        target = this;
        --index;
      }
      for (; index < length; index++) {
        if ((options = arguments[index]) != null) {
          for (name in options) {
            src = target[name];
            copy = options[name];
            if (src === copy) {
              continue;
            }
            if (copy !== undefined) {
              target[name] = copy;
            }
          }
        }
      }
      return target;
    }
    return Q;
  })();
  window.Q = window.$ = Q();
})();

上面的代码可以实现对象的合并拷贝效果，下面就做一下代码注释:

一.代码注释:

（1）.(function () {})()，这是一个匿名自执行函数。

（2）.var Q= (function () {})()，这也是一个匿名自执行函数，会返回一个值并赋值给变量Q，返回值是一个函数对象。

（3）.var Q = function () {

return Q.fn.init();

}，声明一个函数，返回值是一个Q.fn.init()方法的返回值，通常init()函数式进行一些初始化操作的，这里暂且不管。

（4）.Q.fn = Q.prototype = {

init: function () {

return this;

}

}，Q.fn指向的是Q的圆形对象，原型对象中有一个init()方法，返回值是this。