你知道 delete 删除属性时的一些细节吗？

news2024/10/6 10:29:55

探究 delete 的一些细节，起源于刚刚做过的一道笔试，原题如下：

a = 1;
const b = 2;
console.log(delete a);
console.log(delete b); 
// 输出结果是？
// 答：true false

我可从来没用过 delete 的返回值，但凡犹豫一秒都是对自己的不自信，所以立马选择 undefined，笔试结束后回想起来，怎么会出这么奇怪的题，于是自己实际试了一下，真是不试不知道，一试吓一跳啊！！！

2023-09-21-21-32-59

delete 关键字是其实有返回值的！并且 delete 还是有一些细节/规则的 ：

如果删除的属性不存在于对象本身，delete 不起任何作用，但仍会返回 true ！

delete 只会删除对象自身属性，不会删除对象原型链上的属性！

function A() {}
A.prototype.b = 1;
const a = new A();
console.log(delete a.b, a.b); // true 1 （删除对象自身不存在属性时返回true，并且无法删除原型链上的属性）

不可配置的属性不能被删除，返回 false ！
无法直接删除有声明的变量（包括函数参数），返回 false ！

delete variable 在严格模式下抛出 SyntaxError 错误
- 任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除，因为即使它们可能附加到全局对象上，它们也是不可配置的。
- 任何使用 let 或 const 声明的属性不能够从它被声明的作用域中删除，因为它们没有附加到任何对象上。

现在看来同程旅行还是保守了，要是现在的我，我估计会出下面的题：

a = 1; // 绑定到了 globalThis 对象中
var b = 2; // 绑定到了 globalThis 对象中
const obj = {};
const d = 3;
let e = 4;
console.log(Object.getOwnPropertyDescriptor(globalThis, 'a').configurable); // true
console.log(Object.getOwnPropertyDescriptor(globalThis, 'b').configurable); // false（通过var定义的全局变量虽然会被绑定到globalThis中，但它是不可配置的！）

console.log(delete a); // true （a不是一个有声明的变量，这时会去globalThis上找，把globalThis.a给删了）
console.log(delete b, b); // false 2 （下面单独说）
console.log(delete obj, obj); // false {} （对象 obj 没有被删，因为 obj 是 const 声明）
console.log(delete obj.c, obj.c); // true undefined （删除一个原本就不存在的属性返回 true ）
console.log(delete d, d); // false 3 （变量 d 没有被删，因为它是 const 声明）
console.log(delete e, e); // false 4 （变量 e 没有被删，因为它是 let 声明）
console.log(delete f); // true（删除一个原本就不存在的属性返回 true ）