Javascript从孩子访问父母答案

【问题标题】：Javascript access parent from childJavascript从孩子访问父母
【发布时间】：2014-01-24 21:33:39
【问题描述】：

当父类永远不知道它有哪些子类时，我正在尝试找出一种子类访问父类的方法？

我正在使用 Object.create 创建我的类，现在我正在这样做。注意子类中的“obj.parent = parentClass”

必须有更好的方法来做到这一点，但我不知道。

var parentClass = (function() {
    var obj = Object.create({});

    var _parentProperty = 'foo';

    Object.defineProperties(obj,
        {
            'parentProperty': {
                configurable: false,
                enumerable: true,
                set: function(value) {
                    _parentProperty = value;
                },
                get: function() {
                    return _parentProperty;
                }
            },
            'parentMethod': {
                value: function() {
                    alert('Parent method called');
                },
                writable: false,
                configurable: false,
                enumerable: false
            }
        }
    );

    return obj;
})();

var childClass = (function() {
    var obj = Object.create(parentClass);
    obj.parent = parentClass;

    var _childProperty = 'bar';

    Object.defineProperties(obj,
        {
            'childProperty': {
                configurable: false,
                enumerable: true,
                set: function(value) {
                    _childProperty = value;
                },
                get: function() {
                    return _childProperty;
                }
            },
            'childMethod': {
                value: function() {
                    alert('Child method called');
                },
                writable: false,
                configurable: false,
                enumerable: false
            },
            'callParent': {
                value: function() {
                    alert(this.parent.parentProperty);
                    this.parent.parentMethod();
                },
                writable: false,
                configurable: false,
                enumerable: false
            }
        }
    );

    return obj;
});

var myClass = new childClass();
myClass.callParent();

【问题讨论】：

John Resig - Simple JavaScript Inhertiance, Is John Resig's Javascript inheritance snippet deprecated?
谢谢，读了一篇有趣的书，我将从那里尝试一些东西，但我没有使用 John Resig 的 Javascript 继承。
我发现我可以用obj.parent = obj.__proto__; 替换obj.parent = parentClass;，但这实际上并没有什么用处。我正在寻找要写入父类的内容，以便在子类中设置父类。
@thefourtheye 好点。我现在想知道那是不是 chrome 的东西。

标签： javascript oop parent-child

【解决方案1】：

在父类和子类的 Object.defineProperties 对象构造函数中使用 return 关键字

<script>
var parentClass = (function() {
    var obj = Object.create({});

    var _parentProperty = 'foo';

    return Object.defineProperties(obj,
        {
            'parentProperty': {
                configurable: false,
                enumerable: true,
                set: function(value) {
                    _parentProperty = value;
                },
                get: function() {
                    return _parentProperty;
                }
            },
            'parentMethod': {
                value: function() {
                    alert('Parent method called');
                },
                writable: false,
                configurable: false,
                enumerable: false
            }
        }
    );
})();


var childClass = (function() {
    var obj = Object.create(parentClass);
    obj.parent = parentClass

    var _childProperty = 'bar';

    return Object.defineProperties(obj,
        {
            'childProperty': {
                configurable: false,
                enumerable: true,
                set: function(value) {
                    _childProperty = value;
                },
                get: function() {
                    return _childProperty;
                }
            },
            'childMethod': {
                value: function() {
                    alert('Child method called');
                },
                writable: false,
                configurable: false,
                enumerable: false
            },
            'callParent': {
                value: function() {
                    alert(this.parent.parentProperty);
                    this.parent.parentMethod();
                },
                writable: false,
                configurable: false,
                enumerable: false
            }
        }
    );
});

var myClass = new childClass();
myClass.callParent();
</script>

【讨论】：

哦，是的。抱歉，我忘记添加那行了。现在改为添加返回功能。