javascript OOP 从父对象获取

发布于 2024-12-06 03:10:12 字数 470 浏览 0 评论 0原文

如何像这样访问子对象的父属性?

    var foo = function foo(input){ this.input = input; };
    function bar(input){ return new foo(input); }
    foo.prototype = {
        baz : {
            qux : function(){
                alert(this.parent.input );
            }
        },
        corge : function(){
                alert(this.input );
        }
    }

bar('test').corge(); //alerts 'test'

bar('test').baz.qux(); //errors 'this.parent is undefined'

How can I access the parent attribute of a child object like this?

    var foo = function foo(input){ this.input = input; };
    function bar(input){ return new foo(input); }
    foo.prototype = {
        baz : {
            qux : function(){
                alert(this.parent.input );
            }
        },
        corge : function(){
                alert(this.input );
        }
    }

bar('test').corge(); //alerts 'test'

bar('test').baz.qux(); //errors 'this.parent is undefined'

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

牵你的手,一向走下去 2024-12-13 03:10:12

如何访问这样的子对象的 this.obj

你不能。

无论有多少个 new foo,都会有一个 baz,因此无法从通常指向单例的 this 进行映射。 code>foo.prototype.baz 到 foo 的特定实例。

看来您可能打算为每个 foo 实例创建一个 baz

试试这个

function foo(input) {
   this.baz = {
     parent: this,
     qux: quxMethod
   };
   this.input = input;
}
foo.prototype.corge = function () { alert(this.input); };
function quxMethod() {
  alert(this.parent.input);
}

How can I access this.obj for a child object like this?

You can't.

There is one baz regardless of how many new foo there are, so there is no way to map from this which typically points to the singleton foo.prototype.baz to a specific instance of foo.

It looks like you probably meant to create a baz per instance of foo.

Try this

function foo(input) {
   this.baz = {
     parent: this,
     qux: quxMethod
   };
   this.input = input;
}
foo.prototype.corge = function () { alert(this.input); };
function quxMethod() {
  alert(this.parent.input);
}
故人爱我别走 2024-12-13 03:10:12

<罢工>
尝试像这样定义 baz

  baz : (function(){
        var parent = this;
        return {
           qux : function(){
               alert(parent.obj);
           }
        }
    })()


更新:

我相信这会做你想做的事:
演示:http://jsfiddle.net/maniator/rKcwP/
代码:

var foo = function foo(input) {
    this.input = input;
};

function bar(input) {
    return new foo(input);
}
foo.prototype = {
    baz: function() {
        var parent = this;
        return {
            qux: function() {
                alert(parent.input);
            }
        }
    },
    corge: function() {
        alert(this.input);
    }
}

bar('test').corge(); //alerts 'test'
bar('test').baz().qux(); //alerts 'test'


Try defining baz like so:

  baz : (function(){
        var parent = this;
        return {
           qux : function(){
               alert(parent.obj);
           }
        }
    })()


Update:

I believe this will do what you want it to do:
Demo: http://jsfiddle.net/maniator/rKcwP/
Code:

var foo = function foo(input) {
    this.input = input;
};

function bar(input) {
    return new foo(input);
}
foo.prototype = {
    baz: function() {
        var parent = this;
        return {
            qux: function() {
                alert(parent.input);
            }
        }
    },
    corge: function() {
        alert(this.input);
    }
}

bar('test').corge(); //alerts 'test'
bar('test').baz().qux(); //alerts 'test'
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文