JavaScript 继承 Object.create

Question

好的，我正在尝试跟踪对 Web 应用程序上的巨大表单所做的任何更改。加载页面时，我创建了一个 JS 对象，它“捕获”所有输入字段(选择、单选按钮、复选框等...)的初始状态。
当用户更改任何
的值时em>literally 数百个输入元素，新值在第二个对象中跟踪。当用户单击 Update 时，将比较这两个对象，并且仅发送那些已更改的值，以相应地更新数据。

与其构建 2 个完全独立的对象，我认为使用继承是明智的:

var initialState = getInitialState();//eg:{bar:'1',foo:'bar',atom:'bomb',some:{nested:'objects'}}
var tracker = Object.create(initialState);

随着事情的发展，tracker 对象最终可能看起来像这样:

{bar:'0',foo:'bar',atom:'peace',some:{nested:'objects'}}

在 FF 和 chrome 中对此对象调用 JSON.stringify 时，一切正常:仅返回对象自己的属性。在 IE 中不是这样:跟踪器没有 prototype 属性，所以看起来 Object.create 创建副本 而不是继承链？
tracker.__proto__ === initialState 返回 true，而 tracker.prototype === initialState 计算结果为 false，实际上 tracker.prototype 属性未定义。

问题 1:是否有另一种方法可以在 IE 中设置继承链，让我剥离未更改的原型(prototype)值？

问题 2:如果可能的话，我还想要一种方法来建立允许嵌套对象的继承链。现在，嵌套对象是通过使用递归函数遍历 main 对象来处理的。有点傻，因为那是我想忽略的。

简而言之:
我想知道这是否存在:

var a = {bar:'1',foo:'bar',atom:'bomb',some:{nested:'objects'}};
var b = Object.magicDeepCreate(a);//<=== preferably X-browser
b.bar = '0';
b.bar.some.nested = 'stuff';
console.log(JSON.stringify(b));
//{"bar":"0","some":{"nested":"stuff"}}

一如既往:没有 jQuery 标签，意味着没有 jQuery
注意:我所说的 IE 是指 IE8，而不是 IE9(很遗憾，公司政策)

Answer 1

tracker.__proto__ === initialState returns true, whereas tracker.prototype === initialState evaluates to false, in fact the tracker.prototype property is undefined.

__proto__ property是非标准的且仅限 FF。要获取对象的原型(prototype)对象，请使用 Object.getPrototypeOf() . 函数对象的 prototype 属性 是一个引用对象的属性，该函数的所有实例(使用 new 创建)都从该对象继承。

Not so in IE

Object.create() IE8 完全不支持。您使用的是普通垫片还是默默地失败了？还是您甚至使用了一个真正复制所有属性的函数？

Object.magicDeepCreate(a), preferably X-browser

这应该很简单，假设所有目标浏览器都实现了 Object.create:

Object.deepCreate = function deepCreate(o) {
    var res = Object.create(o);
    for (var i in o)
        if (Object.hasOwnProperty(o, i) && typeof o[i] == "object")
             res[i] = deepCreate(o[i]);
    return res;
};

stringify only those that have been altered

这应该是 JSON.stringify 的标准行为 - 不考虑原型(prototype)对象。

但是，我不确定为什么您需要为 tracker 对象继承。只需使用一个空对象，并添加所有已更改的属性。如果您想删除那些已重置为初始状态的对象，您可以将其存储在一个额外的对象中以进行比较 - 但没有继承的理由。只需使用:

Object.emptyStructure = function s(o){
    var res = {};
    for (var i in o)
        if (typeof o[i] == "object")
            res[i] = s(o[i]);
    return res;
};
var initialState = getInitialState();
var tracker = Object.emptyStructure(initialState);

// set:
if (newVal == initialState.some.nested)
    delete tracker.some.nested;
else
    tracker.some.nested = newVal;