三重嵌套对象函数js

Question

我有一个主要由函数/方法组成的对象，很像这样（应该可以工作！）：

function thing1(){
    this.thing2 = function(){
        this.thing3 = function(){
            alert();
        }
    }
}

但

当我调用thing1.thing2.thing3() ，我得到

无法读取未定义的属性“thing3”

完整的伪代码：

function thing1(){
    this.thing2 = function(){
        this.thing3 = function(){
            alert();
        }
    }
}

var foo = new thing1();
foo.thing2.thing3();

Answer 1

这些是构造函数：

 function thing1(){ this.thing2 = function(){ this.thing3 = function(){ alert(); } } } (new (new thing1()).thing2()).thing3()

如果你想调用thing1.thing2.thing3()你应该这样格式化：

 function thing1(){ this.thing2 = { thing3: function(){ alert(); } } } var foo = new thing1(); foo.thing2.thing3()

Answer 2

thing2不返回导致返回undefined任何内容。

如果你想写链接功能，您需要返回this ：

function thing1() {
    this.thing2 = function() {
        this.thing3 = function() {
            alert();
        }
        return this; // chained
    }
}

一般来说，如果您打算将其用作构造函数，最好将方法分配给函数原型。 您仍然可以在原型上链接函数。

 function thing1() { } thing1.prototype.thing2 = function() { return this; // chained }; thing1.prototype.thing3 = function() { alert('thing3'); return this; // you can make this one chained as well, if you like }; var t = new thing1(); t.thing2().thing3().thing2().thing3();

如果您只想创建一个不需要括号的基本链，您可以创建一个单独的getter 函数。

 function thing1() { } Object.defineProperty(thing1.prototype, 'thing2', { get: function() { return this; } }); thing1.prototype.thing3 = function() { alert('thing3'); return this; }; var foo = new thing1(); foo.thing2.thing3().thing2.thing3();