Javascript - 从另一个静态方法访问静态方法抛出ReferenceError

Question

我已经定义了一个辅助类来创建一些对象。 由于对象A包含Bs，我试图从createA调用createB，但是我得到一个“未捕获的引用错误：createB未定义为”。 JS是不是我的主要语言，所以请原谅我，如果这件事情明显;）

这里是我的代码：

define([ 
    "model/A", 
    "model/B", 
    "model/C" 
], function (A, B, C) { 
    return { 
    addTo: function (params, key, target, source) { 
     if (params[key] !== undefined && params[key] !== null) { 
     target.set(key, params[key], source); 
     } 
    }, 
    createA: function (params, source) { 
     var result = new A(); 

     ... 
     bDefs.forEach(function(bDef) { 
     result.get("bs").push(this.createB(params,source)); 
     }); 
     return result; 
    }, 
    createB: function (params, source) { 

     var result = new B(); 
     ... 

     result.get("cs").push(createC(params,source)); 
     return result; 
    }, 
    createMediaType: function (params, source) { 

     var result = new C(); 
     ... 

     return result; 
    } 
    }; 
}); 

编辑：复读的问题，我注意到我省略了一些重要的东西，可能是问题的原因：我从forEach中调用createB（）。我猜想匿名函数没有其他类的可见性。如何将这个的引用传递给forEach？

Answer 1

此行

result.get("bs").push(createB(params,source)); 

预计将有称为createB一个在范围内的标识符。代码中没有一个。对象初始值设定项中的属性键不会成为独立标识符（幸好）。

假设createA将与this一起被称为您使用初始化程序创建的对象，您可以使用this.createB代替。但它需要假设约this，这将需要执行代码使用您的对象。我在下面给你一个替代方案。

I'm calling createB() from within a forEach . I suppose that anonymous function does not have visibility of the rest of the class.

是的，它的确如此。 （这不是一个类。）

How can I pass a reference to this to the forEach ?

的第二个参数forEach是价值回调期间this使用，所以：

bDefs.forEach(function(bDef) { 
    result.get("bs").push(this.createB(params,source)); 
}, this); 
// ^^^^ 

或交替您可以使用Function#bind，但我不会'那里。

如果您正在使用ES2015（又名“ES6”），可以产生它们在那里使用箭头功能，因为箭头功能关闭了上下文的this值：

// Requires ES2015 ("ES6") 
bDefs.forEach(bDef => { 
    result.get("bs").push(this.createB(params,source)); 
}); 

---

您有第二个选项不依赖调用代码来调用正确的this值，并且不要求您在forEach内保留该值：您可以在私有范围内将这些函数独立标识符生成并返回他们作为对象的属性：

define([ 
    "model/A", 
    "model/B", 
    "model/C" 
], function (A, B, C) { 
    // Note how each of these is a function declaration; that defines 
    // their names as in-scope identifiers within this anonymous function 
    // and the functions created within it (which close over the context of 
    // the call to this anonymous function where these are created). 
    function addTo(params, key, target, source) { 
    if (params[key] !== undefined && params[key] !== null) { 
     target.set(key, params[key], source); 
    } 
    } 

    function createA(params, source) { 
    var result = new A(); 

    ... 
    result.get("bs").push(createB(params,source)); 

    return result; 
    } 

    function createB(params, source) { 

    var result = new B(); 
    ... 

    result.get("cs").push(createC(params,source)); 
    return result; 
    } 

    function createMediaType(params, source) { 

    var result = new C(); 
    ... 

    return result; 
    } 

    // Now we return the object 
    return { 
     addTo: addTo, 
     createA: createA, 
     createB: createB, 
     createMediaType: createMediaType 
    }; 
}); 

---

边注：在ES2015（又名“ES6”）结尾的那段对象初始化可以多一点简洁：

// Requires ES2015 (aka "ES6") 
return { 
    addTo, 
    createA, 
    createB, 
    createMediaType 
};