1

好的，长话短说，我有 2 个类（函数），需要从第二个扩展一个。在辛苦的一天结束时，我写了简单的解决方案，但后来我回家，我认为这是错误的。但是..实际上它正在工作，只是我不明白为什么..所以例如我有两个功能：

function aa() {
  var r = "aaaa";
  this.method = function(){
    console.log(r);
  }
}

function bb() {
  var e = "bbbb";
  this.method2 = function(){
    console.log(e);
  }
}

var a = new aa();
var b = new bb();

在我使用此功能合并它们之后：

var merge = function(one, two) {
  for(var method in two) {
    one[method] = two[method];
  }
  return one;
}
var c = merge(a, b);

这很好用..所以问题是为什么？我猜在“合并”函数中，我只是添加到第二个对象的第一个对象方法中，但是这个方法使用了第一个对象中没有定义的私有变量，为什么他会看到它？

4

4 回答 4

4

rande值包含在methodandmethod2函数的范围内。即使在这些函数被移动之后，它们仍然在定义它们的范围内保持对变量的引用。这称为闭包。更多：JavaScript 闭包是如何工作的？

于 2013-09-05T20:48:53.727 回答
1

请注意，您没有将method2函数从一个原型复制到另一个原型 - 您添加了对method2in的引用aa。

只要bb存在，method2就能访问bb的变量e。特别是因为在对 .e可见的范围内声明method2。

于 2013-09-05T20:49:31.863 回答
0

That is basically how closures work. Your code can be simplified to this:

var bar;
(function foo () {
    var x = 10;
    bar = function () {
        alert(x);
    }
})();

// Now that we're outside of foo:
bar(); // bar can still see "x".

// Even if you do this:
var x = 0;
bar(); // bar still sees x=10
于 2013-09-05T20:51:14.933 回答
-1

这是他们用于 .extend() api 的 jQuery 深拷贝方法

function() {
var src, copyIsArray, copy, name, options, clone,
    target = arguments[0] || {},
    i = 1,
    length = arguments.length,
    deep = false;

// Handle a deep copy situation
if ( typeof target === "boolean" ) {
    deep = target;
    target = arguments[1] || {};
    // skip the boolean and the target
    i = 2;
}

// Handle case when target is a string or something (possible in deep copy)
if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
    target = {};
}

// extend jQuery itself if only one argument is passed
if ( length === i ) {
    target = this;
    --i;
}

for ( ; i < length; 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 plain objects or arrays
            if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
                if ( copyIsArray ) {
                    copyIsArray = false;
                    clone = src && jQuery.isArray(src) ? src : [];

                } else {
                    clone = src && jQuery.isPlainObject(src) ? src : {};
                }

                // 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;
};
于 2013-09-05T20:48:41.397 回答