做这些有什么实质性的区别吗?
delete a.x;
对比
a.x = undefined;
在哪里
a = {
x: 'boo'
};
可以说它们是等价的吗?
(我没有考虑“V8 不喜欢使用delete
更好”之类的东西)
做这些有什么实质性的区别吗?
delete a.x;
对比
a.x = undefined;
在哪里
a = {
x: 'boo'
};
可以说它们是等价的吗?
(我没有考虑“V8 不喜欢使用delete
更好”之类的东西)
它们不是等价的。主要区别在于设置
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
解释这个问题:
是
delete a.x
和a.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'
如果a.x
是一个setter函数,a.x = undefined
将调用该函数而delete a.x
不会调用该函数。
是,有一点不同。如果你使用delete a.x
x 不再是 a 的属性,但如果你使用a.x=undefined
它是一个属性但它的值是未定义的。
名字有点混乱。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)
[]
来自节点的这个 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
我相信您可以看到 和 之间的var o1 = {p:undefined};
区别var o2 = {};
。
在这两种情况下,o.p
都会,undefined
但在第一种情况下,这是因为那是价值,而在第二种情况下,因为没有价值。
delete
是允许您从o1
(或另一个为其p
属性分配了值的对象)以o2
这种方式获取的运算符:delete o1.p;
.
通过简单地undefined
为属性分配一个值(在此示例中,但它可以是其他值)来进行反向操作o1.p = undefined;
。
所以不,它们不等价。
delete o.p;
将要
p
如果对象有属性,则从对象中删除该属性
否则什么都不做
o.p = undefined;
将要
p
如果对象还没有属性,则向对象添加属性并将其值设置为undefined
如果对象已经拥有它,只需更改属性的值
从性能的角度来看,这delete
是不好的,因为它修改了对象的结构(就像添加一个新属性,如果你没有在构造函数中初始化它)。
而将值设置undefined
为也会释放内容,但不会强制修改结构。
对象只是一个树表示,这意味着在内存中,根指向存储该对象的键的各个内存位置。并且该位置指向存储该键的实际值的另一个位置,或存储子键的位置或存储数组值的位置。
当您使用 delete 从对象中删除任何键时,实际上它会删除该键与其父对象之间的链接,并且释放键及其值的内存位置以存储其他信息。
当您尝试通过将 undefined 设置为其值来删除任何键时,您只是在设置其值,而不是删除该键。这意味着键的内存位置仍与其父对象和未定义键的值相关联。
使用 undefined 而不是 delete 关键字是一种不好的做法,因为它不会释放该键的内存位置。
即使该键不存在,并且您将其设置为未定义,那么该键也将使用 value 创建undefined
。
例如
var a = {};
a.d = undefined;
console.log(a); // this will print { d: undefined }
delete 不能与继承的属性一起使用,因为该属性不是该子对象的一部分。
使用数组而不是对象,我可以展示 delete 使用的堆内存比 undefined 少。
例如,此代码不会完成:
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
使用了 ary-item(而不仅仅是将其设置为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
说明了我在任何地方都没有看到任何人提到的一点。