JavaScript中使用delete时的奇怪行为

Question

因此...

var outObj = people[0];
outObj.oAuthID = null;
delete outObj.oAuthID;

给我...

{
  "uuid": "39b2b45f-1dde-4c9a-8765-1bc76f55848f",
  "oAuthID": null,
  "date": "2013-10-21T16:48:47.079Z",
  "updated": "2013-10-21T16:48:47.079Z",
  "id": "52655aefcc81bb9adc000001"
}

But this...

function clone(obj) {
    // Handle the 3 simple types, and null or undefined
    if (null == obj || "object" != typeof obj) return obj;

    // Handle Date
    if (obj instanceof Date) {
        var copy = new Date();
        copy.setTime(obj.getTime());
        return copy;
    }

    // Handle Array
    if (obj instanceof Array) {
        var copy = [];
        for (var i = 0, len = obj.length; i < len; i++) {
            copy[i] = clone(obj[i]);
        }
        return copy;
    }

    // Handle Object
    if (obj instanceof Object) {
        var copy = {};
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
        }
        return copy;
    }

    throw new Error("Unable to copy obj! Its type isn't supported.");
}

var outObj = clone(people[0]);
outObj.oAuthID = null;
delete outObj.oAuthID;

给我...

{
  "uuid": "39b2b45f-1dde-4c9a-8765-1bc76f55848f",
  "date": "2013-10-21T16:48:47.079Z",
  "updated": "2013-10-21T16:48:47.079Z",
  "id": "52655aefcc81bb9adc000001"
}

我真的不想每次都要克隆一切来隐藏我的结果中的一个属性。发生了什么？为什么会这样？如何修复它以使其正常工作？

- Justin808

---

我理解的不是这样：http://jsfiddle.net/2PvMr/1 - JJJ

这可能与对象的原型链有关。"如果对象的原型链上存在一个同名属性，则对象将从原型继承该属性。" - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/delete - rla4

如果people[0]是一个原型包含oAuthID的自定义对象，那么你将得到这个结果（http://jsfiddle.net/qw3UV/）。但是，“gives me”是什么意思？你是如何得到那个结果的？在控制台中吗？也许如果你想要将该对象传输到其他地方，那么将它JSON序列化/反序列化就足够了。 - freakish

@Justin808 啊，所以你在谈论服务器端JavaScript（不过这并不重要）。我猜你记录了对象？但JSON字符串呢？检查一下浏览器是否实际接收到该字段，因为默认情况下JSON.stringify不会查看原型。然而，这种行为可以被库覆盖，在这种情况下，你唯一的选择就是复制。 - freakish

@freakish 是的，我在将对象转换为 JSON 并发送给客户端之前记录了该对象。客户端看到了“oAuthID：null”，这正是我想避免的，尽管这比显示实际 ID 更好。我可以从原型中某种方式上删除它吗？ - Justin808

Answer 1

我很好奇您是否在多个浏览器中测试过此代码，因为它们在使用delete运算符时会产生不一致的行为。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/delete#Cross-browser_issues

有一个尝试的方法是像删除数组元素一样删除属性。

delete outObj['oAuthID'];

这样做应该会给出更一致的行为。

- Josh