javascript - 仅保存 Javascript 对象的原始属性的最优雅的方法

Question

我有一个对象，它有很多自己的和继承的方法。我需要制作一个仅包含原始属性的简单快照。

最优雅的方法是什么？

Javascript 片段

function copy(source) {
    var target;
    if (source) {
        target = {};
        for (var key in source) {
            var prop = source[key],
                type = typeof prop;
            if (type === "string" || type === "number" || type === "boolean") {
                target[key] = prop;
            }
            if (type == "object") {
                target[key] = copy(prop);
            }
        }
    }
    return target;
}

与 Underscore.js

function copy(source) {
    var target;
    if (source) {
        target = {};
        _.filter( _.keys(source), function( key ) {
            var prop = source[key];
            if (!_.isFunction(prop) && !_.isObject(prop)) {
                target[key] = prop;
            }
            if (_.isObject(prop)) {
                target[key] = copy(prop);
            }
        });
    }
    return target;
}

Answer 1

这里的问题是，由于 JavaScript 提供的松散类型，您正在处理多种类型，这些类型可能是您想要的，也可能不是您想要的。具体来说，如果不遍历任何给定的数组，就不可能判断它是否只包含基元，因此您可能想要保留它，或者它是否包含您想要过滤掉的对象或函数。

我意识到图书馆推荐是最古老的帽子，但我也强烈建议您使用 Underscore.js (或诸如 Lodash 之类的衍生物)，它提供了我一直使用的大量 super 方便的功能。从非常真实的意义上来说，这些感觉像是核心 JavaScript 语言中缺失的部分 - 事实上，在某些情况下，它们包装了 native 功能，但允许您避免平台不一致。

如果您的库中包含 Underscore，那么您可以找到任何给定对象的非对象属性名称，如下所示:

var myObject = { 
   a: "hello",
   b: "goodbye",
   c: function() { console.log(this.b);}
   d: { hello: "banana" }
};

_.filter( _.keys(myObject), function( key ) { 
        return ! _.isObject(myObject[key]);
}) // => ["a", "b"]

然后可以将其整理为克隆对象的函数，但当然这是不必要的，因为 Underscore 为我们提供了 _.pick，它返回仅包含白名单属性的对象副本:

_.pick( myObject, _.filter( _.keys(myObject), function( key ) { return ! _.isObject(myObject[key]);}))

通过翻转!_.isObject，您可以检索所有对象属性，并在必要时对这些属性执行类似的映射。通过将两者包装在一个函数中，您可以在要克隆的子对象上递归调用它。

这回答了您的问题，但请注意，这可能不是执行撤消/重做操作的最佳方式，您在评论中提到的是您计划将其用于的用途。将操作和状态记录到历史堆栈中可能更容易，仅记录任何操作执行的实际更改，可以安全地检索和恢复它们，而无需保留数据快照。