Question

我有一个像这样的对象：

obj = {
    subobj1: {

    },
    subobj2: {
        func1: function(){

        },
        func2: function(){

        }
    },
    subobj3: {
        func3: function(){

        },
        func4: function(){

        }        
    },
}

如何在不需要调用obj.subobj2.func1（）的情况下从func4中调用func1？

Answer 1

你不能确切地说。你无意知道你的函数存在于哪些对象中。

请注意，它可能不止一个：您可以在现有代码之后编写此代码：

var obj2 = {some:obj.subobj3};

因此，从属性值到持有它的对象不能有唯一的链接（并且没有可访问的链接）。

现在，假设您对在对象创建时创建的链接感到满意，您可以使用工厂来构建对象：

obj = (function(){
    var parent = {
        subobj1: {

        },
        subobj2: {
            func1: function(){

            },
            func2: function(){

            }
        },
        subobj3: {
            func3: function(){

            },
            func4: function(){
                parent.subobj2.func1();
            }        
        }
    };
    return parent;
})();

然后你可以打电话

obj.subobj3.func4();

Demonstration

修改

我看到你给你的问题提供了标签OOP。您应该知道我给出的模式更常用于定义模块。 javascript中的OOP通常使用new和prototype来完成，以便启用实例共享方法和继承。因为你可能想要模块而不是OOP，但你看起来很好。

请参阅this introduction。

Answer 2

以下是使用递归init将.parent添加到任何子对象的方法：

var obj = {
    init: function() {
        for (var i in this) {
            if (typeof this[i] == 'object') {
                    this[i].init = this.init;
                    this[i].init();
                    this[i].parent = this;
            }
        }
        return this;
    },
    subobj1: {
    },
    subobj2: {
        func1: function(){
            console.log('hey');
        },
        func2: function(){
        }
    },
    subobj3: {
        func3: function(){
        },
        func4: function(){
            this.parent.subobj2.func1();
        }        
    }
}.init();

obj.subobj3.func4();

使用此解决方案，您还可以根据嵌套需要使用.parent次，例如，如果您有两个嵌套级别：

this.parent.parent.subobjX.funcY();

http://jsbin.com/yuwiducadoma/1/watch?js,console

Answer 3

正如其他人所说，使用普通对象，无法从嵌套子项中查找父项。

但是，如果您使用递归ES6 Proxies作为帮助者，则可能会这样做。

我编写了一个名为ObservableSlim的库，除其他外，它允许您从子对象遍历到父对象。

这是一个简单的例子（jsFiddle demo）：

var test = {"hello":{"foo":{"bar":"world"}}};
var proxy = ObservableSlim.create(test, true, function(changes) {
    console.log(JSON.stringify(changes));
});

function traverseUp(childObj) {
    console.log(JSON.stringify(childObj.__getParent())); // returns test.hello: {"foo":{"bar":"world"}}
    console.log(childObj.__getParent(2)); // attempts to traverse up two levels, returns undefined because test.hello does not have a parent object
};

traverseUp(proxy.hello.foo);

Answer 4

这是不可能的。对象属性由设置它们的对象获取。 JavaScript并不会将根对象隐式设置为全局，因此您可以将obj.subobj2.func1别名为func1或以任何方式缩短。如果您发现自己过度调用该函数，请尝试设置变量。

Answer 5

你不能直接这样做，因为没有办法像文件系统中的“..”一样“上升”对象层次结构。

您可以做的是直接指向子对象或子功能的变量，这样您就不需要通过层次结构来调用它们。以下是创建Javascript模块的常见模式：

obj = (function(){

    var obj1 = {...}
    var obj2 = {...}

    var func3 = function(){...};
    var func4 = function(){...};

    return {
        subobj1: obj1,
        subobj2: obj2,
        subobj3: {
            func3: func3,
            func4: func4
        }
    }
}());

在此示例中，内部函数可以直接从其变量访问obj1，obj2，func3和func4。自调用函数使得这些内部变量是私有的并且从外部隐藏，而return语句允许您仅导出要公开的函数。

Answer 6

以下是更多ActionScript喜欢且易于理解的答案：

function MainObject() {
   this.x = 100;
   this.y = 50;
   this.second = new SecondObject(this);
}

function SecondObject(p) {
    this.parent = p;
}

var firstobject = new MainObject();

// Saving a reference to SecondObject.
var secondObject = firstobject.second;

// Because of parent variable, you can access second object parent without needing to have the parent object in a variable.
console.log(secondObject.parent.x);
console.log(secondObject.parent.y);

请记住，一个对象不能有多个父母。

Answer 7

实现该对象是不可能的。取决于您的需求 - 以下实施可能有用：

obj = function(){
  var obj = {
    subobj1: {

    },
    subobj2: {
        func1: function(){
          console.log('func1');
        },
        func2: function(){

        }
    },
    subobj3: {
        func3: function(){

        },
        func4: function(){
          this.parentObject.subobj2.func1();
        }        
    }
  }
  obj.subobj3.parentObject = obj;
/*  
  //You can also init parentObject reference of the rest of the nested objects if you need
  obj.subobj1.parentObject = obj;
  obj.subobj2.parentObject = obj;
*/  
  return obj;
}();

obj.subobj3.func4();

这个想法是嵌套对象无法知道谁是他们的父对象，但父对象可以告诉其子对象是谁（但是在我的实现中可以看到初始化代码。）

您可以在此处进行测试：http://jsbin.com/eVOpITom/1/edit

javascript获取父嵌套对象？

7 个答案: