JavaScript的delete运算符

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操作符和释放内存无关,它只是断开了对象和属性的引用关系。只有当没有其他变量指向你删除的属性的引用时,这个属性所处的内存区块才会被下一次垃圾回收时释放。

扫描二维码关注公众号,回复: 13464451 查看本文章

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

猜你喜欢

转载自blog.csdn.net/cnds123/article/details/120858931