如何从JavaScript中的嵌套函数添加变量？

Question

如何从JavaScript中的嵌套函数添加变量？

function Foo() {                // class Foo
    this.name = 'myName';

    this.bar = function() {     // 'bar' method
        return function() {     // nested method
            return this.name;   // how to accede to that?
        }
    }
}

波纹管变体是最佳的吗？

    this.bar = function() {        // 'bar' method
        var innerName = this.name; // duplicated variable :-/

        return function() {        // nested method
            return innerName;   
        }
    }

Answer 1

更常见的方法是保留对整个外部对象的引用：

function Foo() {                // class Foo
    var _self = this;

    this.name = 'myName';

    this.bar = function() {     // 'bar' method
        return function() {     // nested method
            return _self.name;   
        }
    }
}

Answer 2

像这样：

function Foo() {                // class Foo
    var that = this;
    this.name = 'myName';

    this.bar = function() {     // 'bar' method
        return function() {     // nested method
            return that.name;   // how to accede to that?
        }
    }
}

Answer 3

如果您在支持ES6的环境中，还可以使用箭头功能 ：

function Foo() {
  this.name = 'myName';

  this.bar = () = > () => this.name;
}