delete語法的本質是什么

今天小編給大家分享一下delete語法的本質是什么的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

delete 的返回值

delete 語法是用于 JS 刪除對象屬性和數組元素

返回 boolean 類型

true 代表刪除沒有發生異常，但不一定是刪除成功

false 一定是刪除失敗

var obj = {
  a: 1,
  b: 2
};
// 刪除對象屬性
console.log(delete obj.a); // true
// 刪除對象不存在的屬性
console.log(delete obj.name); // true
// 刪除全局對象 obj ，因為 var 聲明默認會掛載到全局 window 對象上
console.log(delete obj); // false
console.log(obj); // { b: 2 }

delete 不能刪除哪些屬性

• 任何用 var 聲明的屬性，不能從全局或函數作用域刪除

• 任何用 let 或者 const 聲明的屬性 ，不能從它聲明的作用域刪除

• 不可配置（configurable: false）的屬性不能刪除

// var
function testVar() {
  var a = 1;
  console.log(delete a); // false
  console.log(a); // 1
}
testVar();
// let const
function testLet() {
  let a = 2;
  console.log(delete a); // false
  console.log(a); // 2
}
testLet();
// configurable
const obj = {};
Object.defineProperty(obj, "name", { configurable: false });
console.log(delete obj.name); // false
console.log("delete undefined", delete undefined);
console.log(Object.getOwnPropertyDescriptor(global, "undefined"));
console.log("delete Infinity", delete Infinity);
console.log("delete NaN", delete NaN);

delete 刪除原型上的屬性

• 不會遍歷原型鏈刪除

function User() {
  this.name = "云牧";
}
User.prototype.name = "黛玉";
const p = new User();
// 刪除的是 p 對象的自身屬性
console.log(delete p.name); // true
// p.name 依然可用，因為原型鏈可以查找到 name
console.log(p.name); // 黛玉
// 刪除原型上的屬性
console.log(delete User.prototype.name); // true
// 實例和原型上都沒有 name
console.log(p.name); // undefined

delete 刪除的到底是什么

• 刪除的是操作表達式結果

• 對于值，字面量或不可達的引用，不操作，直接返回 true

• 引用類型，刪除引用

var nameVar = "nameVar";
nameNotVar = "nameNotVar";
// var 聲明的不可以刪除
console.log(Object.getOwnPropertyDescriptor(window, "nameVar")); // configurable: false
// 非 var 聲明的可以刪除
console.log(Object.getOwnPropertyDescriptor(window, "nameNotVar")); // configurable: true

嚴格模式刪除報錯

• 對于 變量，函數名，函數參數：SyntaxError

• 對于 configurable: false：TypeError

• 典型的 delete super.property ：ReferenceError

下面是錯誤的例子：

"use strict";
// 變量
var name = "name";
delete name;
// 函數和函數參數
function fn() {}
delete fn;
function fn(name) {
  delete name;
}
fm();
// configurableTypeError
const person = {
  name: "帥哥"
};
Object.defineProperty(person, "name", {
  configurable: false
});
delete person.name;
// 嚴格 refer
class Parent {
  constructor(name) {
    this.name = name;
  }
  getName() {}
}
class Child extends Parent {
  constructor(name, age) {
    super(name);
    this.age = age;
  }
  deleteAny() {
    delete super.getName;
  }
}
var child = new Child("child", 18);
child.deleteAny();

以上就是“delete語法的本質是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。