Javascript中的delete操作符详细介绍

完整攻略：Javascript中的delete操作符详细介绍

什么是delete操作符？

delete操作符用于删除对象中的属性，可以是对象的自身属性或继承自原型链的属性。如果被删除的属性是对象自身的属性，delete操作符将返回true，否则返回false。使用delete删除一个未定义的属性时不会报错，而且返回true。

语法：delete object.property

使用delete删除对象自身属性的示例

假设有一个对象叫做person，其中有姓名、年龄和性别属性，我们可以使用delete操作符来删除其中的一个属性。

// 创建person对象并初始化属性
let person = {
  name: '张三',
  age: 18,
  gender: '男'
};

console.log(person); // 输出 { name: '张三', age: 18, gender: '男' }

// 使用delete删除年龄属性
delete person.age;

console.log(person); // 输出 { name: '张三', gender: '男' }

从上面的例子中，我们可以看到使用delete操作符成功地删除了person对象中的age属性。在第一个console.log语句中，person对象包含了三个属性：name、age和gender。在运行delete person.age后，我们再次使用console.log将其输出，发现age属性已经被删除。

使用delete删除继承自原型链中的属性的示例

假设我们有一个构造函数People，其中定义了一个静态属性country，我们继承此构造函数创建了一个新的对象p1，我们可以使用delete操作符来删除p1的country属性：

// 定义People构造函数
function People() {}
People.country = '中国'; // 定义静态属性country

// 继承People并生成新对象p1
function Student() {}
Student.prototype = new People();
let p1 = new Student();

console.log(p1); // 输出 People {}，包含了继承自People构造函数的静态属性country

// 使用delete删除p1的country属性
delete p1.country;

console.log(p1); // 输出People {}，已经不包含继承自People构造函数的静态属性country

从上面的例子可以看出，即使我们没有在Student构造函数中定义country属性，p1仍然包含了一个继承自原型链中的country属性。使用delete操作符删除p1的country属性后，再次输出p1对象，我们可以看到属性已经不存在了。

总结：

• delete操作符用于删除对象中的属性；
• 如果被删除的属性是对象自身的属性，delete操作符将返回true；
• 如果被删除属性是继承自原型链的属性，delete操作符将返回false；
• 使用delete删除一个不存在的属性时，不会报错，而且返回true。