删除a.x vs a.x = undefined

时间:2013-02-19 21:13:25

标签: javascript

在执行其中任何一项方面是否存在实质性差异?

delete a.x;

VS

a.x = undefined;

其中

a = {
    x: 'boo'
};
可以说它们是等价的吗?

(我没有考虑像"V8 likes not using delete better"

之类的东西

9 个答案:

答案 0 :(得分:151)

它们并不等同。主要区别在于设置

a.x = undefined

表示a.hasOwnProperty("x")仍会返回true,因此,它仍会显示在for in循环中,并显示在Object.keys()

delete a.x

表示a.hasOwnProperty("x")将返回false

它们相同的方式是你无法通过测试判断属性是否存在

if (a.x === undefined)

如果您要确定某个属性是否存在,则不应该这样做,您应该始终使用

// If you want inherited properties
if ('x' in a)

// If you don't want inherited properties
if (a.hasOwnProperty('x'))

遵循原型链(由zzzzBov提及)调用delete将允许它上升到原型链,而将值设置为undefined将不会查找链式原型中的属性http://jsfiddle.net/NEEw4/1/

var obj = {x: "fromPrototype"};
var extended = Object.create(obj);
extended.x = "overriding";
console.log(extended.x); // overriding
extended.x  = undefined;
console.log(extended.x); // undefined
delete extended.x;
console.log(extended.x); // fromPrototype

删除继承的属性如果您尝试删除的属性是继承的,delete将不会影响它。也就是说,delete只删除对象本身的属性,而不是继承的属性。

var obj = {x: "fromPrototype"};
var extended = Object.create(obj);
delete extended.x;
console.log(extended.x); // Still fromPrototype

因此,如果您需要确保对象的值未定义,则在继承该属性时delete将不起作用,在这种情况下,您必须将其设置(覆盖)为undefined 。除非正在检查它的地方将使用hasOwnProperty,但假设在任何地方检查它将使用hasOwnProperty

可能是不安全的

答案 1 :(得分:31)

解释这个问题:

  

delete a.xa.x = undefined是否相同?

没有

前者从变量中删除键,后者使用值undefined设置键。当迭代对象的属性时,以及使用hasOwnProperty时,这会有所不同。

a = {
    x: true
};
a.x = undefined;
a.hasOwnProperty('x'); //true
delete a.x;
a.hasOwnProperty('x'); //false

此外,当涉及原型链时,这将产生显着差异。

function Foo() {
    this.x = 'instance';
}
Foo.prototype = {
    x: 'prototype'
};
a = new Foo();
console.log(a.x); //'instance'

a.x = undefined;
console.log(a.x); //undefined

delete a.x;
console.log(a.x); //'prototype'

答案 2 :(得分:2)

名字有点令人困惑。 a.x = undefined只是将属性设置为undefined,但该属性仍然存在:

> var a = {x: 3};
> a.x = undefined;
> a.constructor.keys(a)
["x"]

delete实际上删除了它:

> var a = {x: 3};
> delete a.x;
> a.constructor.keys(a)
[]

答案 3 :(得分:2)

是的,有区别。 如果您使用delete a.x,则x不再是a的属性,但如果您使用a.x=undefined,则它是属性,但其值未定义。

答案 4 :(得分:2)

如果a.x是设置函数,则a.x = undefined将调用该函数,而delete a.x将不会调用该函数。

答案 5 :(得分:1)

来自节点的这个REPL应该说明不同之处。

> a={ x: 'foo' };
{ x: 'foo' }
> for (var i in a) { console.log(i); };
x
undefined
> a.x=undefined;
undefined
> for (var i in a) { console.log(i); };
x
undefined
> delete a.x;
true
> for (var i in a) { console.log(i); };
undefined

答案 6 :(得分:1)

我确信您可以看到var o1 = {p:undefined};var o2 = {};之间的区别。

在这两种情况下,o.p都是undefined,但在第一种情况下,这是因为,而在第二种情况下,因为没有值

delete是允许您从o1(或具有分配给其p属性的值的另一个对象)到o2的那种方式的运算符:{{ 1}}。

通过简单地为属性delete o1.p;分配一个值(在此示例中为undefined,但可能是其他内容),可以进行相反的操作。

所以,它们不等同。


o1.p = undefined;

  • 从对象中移除属性delete o.p;,如果它有一个

  • 不做任何其他事情

p

  • 向对象添加属性o.p = undefined;,如果它还没有,并将其值设置为p

  • 如果对象已经拥有它,只需更改属性的值


从性能角度来看,undefined 错误因为修改了对象的结构(就像添加新属性一样,如果你还没有初始化)它在构造函数中。)

将值设置为delete会释放内容,但不会强制修改结构。

答案 7 :(得分:1)

对象只是一个树表示,这意味着,在内存中,根指向存储该对象的键的各种内存位置。并且该位置指向存储该键的实际值的另一个位置,或存储子键的位置或存储数组值的位置。

使用delete从对象中删除任何键时,实际上它会删除该键与其父对象之间的链接,并且键的内存位置及其值将被释放以存储其他信息。

当您尝试通过将undefined设置为其值来删除任何键时,您只是设置其值,而不是删除该键。这意味着密钥内存位置仍然与其父对象链接,如果未定义密钥则为值。

使用undefined而不是使用delete关键字是一种不好的做法,因为它不会释放该密钥的内存位置。

即使密钥不存在,并且您将其设置为未定义,也会使用值undefined创建该密钥。

e.g。

var a = {};
a.d = undefined;
console.log(a); // this will print { d: undefined }

delete不能使用继承的属性,因为该属性不是该子对象的一部分。

答案 8 :(得分:0)

使用数组而不是对象,我可以展示删除所使用的堆内存比未定义的要少。

例如,此代码将无法完成:

let y = 1;
let ary = [];
console.log("Fatal Error Coming Soon");
while (y < 4294967295)
{
    ary.push(y);
    ary[y] = undefined;
    y += 1;
}
console(ary.length);

它会产生此错误:

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory.

因此,如您所见,undefined实际上占用了堆内存。

但是,如果您也delete(而不是仅将其设置为undefined),代码将缓慢完成:

let x = 1;
let ary = [];
console.log("This will take a while, but it will eventually finish successfully.");
while (x < 4294967295)
{
    ary.push(x);
    ary[x] = undefined;
    delete ary[x];
    x += 1;
}
console.log(`Success, array-length: ${ary.length}.`);

这些是极端的例子,但它们说明了delete,我从未见过有人提及。