javascript - 在嵌套函数中引用类对象时遇到问题

Question

我正在尝试在coffeescript 中创建一个类，而且我快到了。我的问题是，我想为类的整个范围创建几个变量，但是我不知道如何在嵌套函数中找到它们。@ 等同于“this.”，但是我希望能够从类内的任何位置获取这些构造函数属性。

例子：

class CoffeeScriptClass
  constructor: (@foo) ->

  _sampleFunction: ->
    $.each BigArray, (index, NestedArray) ->
      $.each NestedArray, (index, widget) ->

        ## I'd like @foo to reference the constructor value

        widget = @foo 

        return
      return  
    return

这有意义吗？我真的在努力让我的 OO Javascript 保持整洁有序，但我在咖啡脚本的范围界定部分遇到了困难。我很乐意欢迎对我的其他班级提出任何重构/建议。谢谢大家。

Answer 1

您需要确定内部函数的范围：

class CoffeeScriptClass
  constructor: (@foo) ->

  _sampleFunction: ->
    $.each BigArray, (index, NestedArray) => // keep parent scope
      $.each NestedArray, (index, widget) => // keep parent scope

        ## I'd like @foo to reference the constructor value

        widget = @foo 

        return
      return  
    return

---

这是编译后的 JS，显示了它的工作原理：

var CoffeeScriptClass;

CoffeeScriptClass = (function() {

  function CoffeeScriptClass(foo) {
    this.foo = foo;
  }

  CoffeeScriptClass.prototype._sampleFunction = function() {

    var _this = this; // reference to the class is maintained

    $.each(BigArray, function(index, NestedArray) {
      $.each(NestedArray, function(index, widget) {
        widget = _this.foo;
      });
    });
  };

  return CoffeeScriptClass;

})();