javascript获取父嵌套对象？

Question

我有一个这样的对象，例如：

obj = {
    subobj1: {

    },
    subobj2: {
        func1: function(){

        },
        func2: function(){

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

        },
        func4: function(){

        }        
    },
}

如何在func4中调用func1而不必调用obj.subobj2.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();

示范

---

编辑

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

见这个介绍 。

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代理作为帮助程序，则可能。

我编写了一个名为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();

这个想法是嵌套对象不能知道谁是他们的父对象，但是父对象可以告诉它的子对象是谁（但是在我的实现中你可以看到init.code是必需的）。

你可以在这里测试一下： http ： //jsbin.com/eVOpITom/1/edit