JavaScript的delete运算符
JavaScript的delete 操作符用于删除对象的某个属性;语法:
delete expression
说明 expression 的计算结果应该是某个属性的引用:object.property 或 delete object['property']。 其中,object 对象的名称,或计算结果为对象的表达式。property 要删除的属性名。
例子:
var myObj = {name: 'John', age: 21};
delete myObj.age;
console.log(myObj); // 输出对象{name: "John"}
注意:delete操作符与直接释放内存无关。delete操作符和释放内存无关,它只是断开了对象和属性的引用关系。只有当没有其他变量指向你删除的属性的引用时,这个属性所处的内存区块才会被下一次垃圾回收时释放。
delete操作符具有返回值,返回值为布尔值,对于所有情况都是true,即使是删除不存在的属性也会返回true。参见下图:
如果你试图删除的属性不存在,那么delete将不会起任何作用,但仍会返回true
如果对象的原型链上有一个与待删除属性同名的属性,那么删除属性之后,对象会使用原型链上的那个属性(也就是说,delete操作只会在自身的属性上起作用),示例代码:
// 构造函数
function Person() {
this.name = "张三",
this.job = "工程师"
}
Person.prototype.name = "李四"
// 创建实例对象
var p = new Person();
// 只删除p实例的name属性
delete p.name; //
console.log(p); //输出,name属性删除
运行效果,参见下图:
任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除。
这样的话,delete操作不能删除任何在全局作用域中的函数(无论这个函数是来自于函数声明或函数表达式)
// 声明属性
var a = 1; // 等同于window.a
delete a // 严格模式下抛出语法异常 SyntaxError
console.log(a); // 1 非严格模式下
// 声明函数
var fn = function () {
console.log(1);
}
delete fn // 严格模式下抛出语法异常 SyntaxError
fn() // 1 非严格模式下delete失效, 函数依然存在
匿名函数定义函数效果也是一样
在函数作用域中声明属性(效果和在全局作用域中一样):
// 局部作用域声明属性
funtion fn() {
var a = 1;
delete a; // 严格模式下抛出语法异常 SyntaxError
console.log(a); // 1
console.log(delete a); // 非严格模式下false
}
fn();
// 局部作用域声明函数
var fn = function() {
var fn2 = function() {
console.log(1);
};
delete fn2 // 严格模式下抛出语法异常 SyntaxError
console.log(delete fn2); // false 非严格模式下
fn2(); // 1
}
fn();
除了在全局作用域中的函数不能被删除,在对象(object)中的函数是能够用delete操作删除的。
var person = {
name: '张三',
showName: function () {
console.log(this.name);
}
}
delete person.showName
console.log(person.showName) // undefined
任何用let或const声明的属性不能够从它被声明的作用域中删除。
不可设置的(Non-configurable)属性不能被移除。这意味着像Math, Array, Object内置对象的属性以及使用Object.defineProperty()方法设置为不可设置的属性不能被删除。
【要了解delete 操作符更多信息,请看delete 操作符 - JavaScript | MDN 】