删除 ax vs ax = 未定义

IT技术 javascript
2021-02-12 13:44:41

做这两个有什么实质性的区别吗?

delete a.x;

对比

a.x = undefined;

在哪里

a = {
    x: 'boo'
};

可以说它们是等价的吗?

(我没有考虑诸如“V8 不喜欢使用delete更好的东西”之类的东西

6个回答

它们不是等价的。主要区别在于设置

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

你为什么说我不应该检查未定义?对我来说似乎足够合理。
2021-03-14 13:44:41
"x" in a也将true与前者false一起返回,并与后者一起返回的输出Object.keys也会不同。
2021-03-31 13:44:41
@Nico 因为这不会告诉您是否存在财产。我不是说永远不要使用它。但是如果你正在检查undefined,你也可以只检查if (a.x),除非它是数字并且 0 是有效的
2021-03-31 13:44:41

解释一下这个问题:

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'
+1 关于delete允许它上升到原型链的好点子
2021-03-19 13:44:41

如果a.x是 setter 函数,a.x = undefined将调用该函数delete a.x而不调用该函数。

是,有一点不同。如果你使用delete a.xx 不再是 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)
[]