如何取消设置 JavaScript 变量？

Question

我在 JavaScript 中有一个全局变量（实际上是一个 window 属性，但我认为这并不重要），该变量已由先前的脚本填充，但我不希望稍后运行另一个脚本看看它的价值或者它甚至被定义了。

我已经输入了 some_var = undefined ，它的目的是为了测试 typeof some_var == "undefined" 但我真的不认为这是正确的方法。

你怎么认为？

Answer 1

delete 运算符从对象中删除属性。它无法删除变量。所以问题的答案取决于全局变量或属性是如何定义的。

(1) 如果是用var创建的，则无法删除。

例如：

var g_a = 1; //create with var, g_a is a variable
delete g_a; //return false
console.log(g_a); //g_a is still 1

(2) 如果创建时没有var，则可以将其删除。

g_b = 1; //create without var, g_b is a property
delete g_b; //return true
console.log(g_b); //error, g_b is not defined

技术说明

1. 使用 var

在这种情况下，引用 g_a 是在 ECMAScript 规范中所谓的“VariableEnvironment" 附加到当前范围 - 这可能是函数执行上下文在函数内部使用 var 的情况（尽管当您考虑 let 时可能会变得更复杂一些），或者在“全局”代码的情况下，VariableEnvironment 附加到全局对象（通常是窗口）。

VariableEnvironment 中的引用通常不可删除 - ECMAScript 10.5 详细解释了这一点，但足以说明，除非您的代码在 eval 上下文中执行（大多数基于浏览器的开发控制台使用该上下文），否则变量用var声明的不能被删除。

2. 不使用 var

当尝试在不使用 var 关键字的情况下为名称分配值时，JavaScript 会尝试在 ECMAScript 规范中所谓的“LexicalEnvironment”，以及主要区别是 LexicalEnvironment 是嵌套的 - 即 LexicalEnvironment 有一个父级（ECMAScript 规范称之为“外部环境引用”），并且当 JavaScript 无法在LexicalEnvironment，它在父LexicalEnvironment中查找（详见10.3.1 和 10.2.2.1）。顶级 LexicalEnvironment 是“ 全局环境”，并且它绑定到全局对象，因为它的引用是全局对象的属性。因此，如果您尝试访问当前作用域或任何外部作用域中未使用 var 关键字声明的名称，JavaScript 最终将获取 window 对象的属性作为那个参考。正如我们之前所了解的，对象的属性可以被删除。

注意

1. 重要的是要记住 var 声明是“提升的” - 即它们总是被认为发生在它们所在范围的开头 - 尽管不是可能的值初始化在 var 语句中完成 - 保留在原来的位置。因此，在下面的代码中，a 是来自 VariableEnvironment 的引用，而不是 window 属性，其值将为 10代码> 代码末尾：

   函数 test() { a = 5;变量 a = 10; }
   

2. 上面讨论的是未启用“严格模式”时的情况。使用“严格模式”时，查找规则有点不同，在没有“严格模式”的情况下解析为窗口属性的词法引用将在“严格模式”下引发“未声明的变量”错误。我不太明白这是在哪里指定的，但它是浏览器的行为方式。

Answer 2

scunliffe的答案会起作用，但从技术上讲应该可以 当目标不是对象属性时， be

delete window.some_var;

delete 应该是无操作。例如，

(function() {
   var foo = 123;
   delete foo; // wont do anything, foo is still 123
   var bar = { foo: 123 };
   delete bar.foo; // foo is gone
}());

但是由于全局变量实际上是 window 对象的成员，因此它可以工作。

当涉及原型链时，使用删除会变得更加复杂，因为它只从目标对象中删除属性，而不是原型。例如，

function Foo() {}
Foo.prototype = { bar: 123 };
var foo = new Foo();
// foo.bar is 123
foo.bar = 456;
// foo.bar is now 456
delete foo.bar;
// foo.bar is 123 again.

所以要小心。

注意：我的回答有些不准确（请参阅最后的“误解”）。该链接解释了所有血淋淋的细节，但总结是，浏览器之间可能存在很大差异，具体取决于您要从中删除的对象。只要object !== window，delete object.someProp通常应该是安全的。我仍然不会使用它来删除用 var 声明的变量，尽管在适当的情况下您可以。

Answer 3

如果您在没有 var 的情况下隐式声明变量，正确的方法是使用 delete foo。

但是，在删除它之后，如果您尝试在添加等操作中使用它，则会抛出 ReferenceError ，因为您无法将字符串添加到未声明、未定义的标识符。示例：

x = 5;
delete x
alert('foo' + x )
// ReferenceError: x is not defined

在某些情况下，将其分配给 false、null 或 undefined 可能会更安全，因此它被声明并且不会引发此类错误。

foo = false

请注意，在 ECMAScript 中 null、false、undefined、0、NaN 或'' 将全部计算为 false。只需确保在对布尔值进行类型检查时不使用 !== 运算符，而是使用 != 并且您不希望进行身份检查（因此 null code> 将 == false 和 false == undefined）。

另请注意，delete 不会“删除”引用，而只是直接删除对象上的属性，例如：

bah = {}, foo = {}; bah.ref = foo;

delete bah.ref;
alert( [bah.ref, foo ] )
// ,[object Object] (it deleted the property but not the reference to the other object)

如果您使用 var 声明了变量，则无法删除它：

(function() {
    var x = 5;
    alert(delete x)
    // false
})();

在Rhino中：

js> var x
js> delete x
false

您也不能删除一些预定义的属性，例如Math.PI：

js> delete Math.PI
false

与任何语言一样，删除有一些奇怪的例外，如果您足够关心，您应该阅读：

• < a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Operators/Special_Operators/delete_Operator" rel="noreferrer">https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Operators/ Special_Operators/delete_Operator
• http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf" ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf

Answer 4

有关完整详细信息，请参阅 noah 的回答

//Option A.) set to null
some_var = null;

//Option B.) set to undefined
some_var = undefined;

//Option C.) remove/delete the variable reference
delete obj.some_var
//if your variable was defined as a global, you'll need to
//qualify the reference with 'window'
delete window.some_var;

参考文献：

• MDN 删除 API

• 在严格模式下删除不合格的变量名称时出现 MDN 语法错误

Answer 5

TLDR：简单定义的变量（没有 var、let、const）可以用 delete 删除。如果您使用 var、let、const - 它们既不能用 delete 也不能用 删除Reflect.deleteProperty。

Chrome 55：

simpleVar = "1";
"1"
delete simpleVar;
true
simpleVar;
VM439:1 Uncaught ReferenceError: simpleVar is not defined
    at <anonymous>:1:1
(anonymous) @ VM439:1
var varVar = "1";
undefined
delete varVar;
false
varVar;
"1"
let letVar = "1";
undefined
delete letVar;
true
letVar;
"1"
const constVar="1";
undefined
delete constVar;
true
constVar;
"1"
Reflect.deleteProperty (window, "constVar");
true
constVar;
"1"
Reflect.deleteProperty (window, "varVar");
false
varVar;
"1"
Reflect.deleteProperty (window, "letVar");
true
letVar;
"1"

Firefox Nightly 53.0a1 显示相同的行为。

Answer 6

⚠️ 接受的答案（和其他答案）已经过时了！

TL;DR

• delete 不会删除变量。
  （仅用于从对象中删除属性。）

• “取消设置”的正确方法是将变量简单地设置为 null。 ₍来源)< br>
  （这使得 JavaScript 的自动进程能够删除
  来自内存的变量。）

示例：

x = null;

Answer 7

ECMAScript 2015 提供了 Reflect API。可以使用 Reflect 删除对象属性.deleteProperty()：

Reflect.deleteProperty(myObject, 'myProp');
// it is equivalent to:
delete myObject.myProp;
delete myObject['myProp'];

删除全局window对象的属性：

Reflect.deleteProperty(window, 'some_var');

在某些情况下属性无法删除（当属性不可配置时），然后此函数返回false （以及删除运算符< /a>）。在其他情况下，它返回 true：

Object.defineProperty(window, 'some_var', {
    configurable: false,
    writable: true,
    enumerable: true,
    value: 'some_val'
});

var frozen = Object.freeze({ myProperty: 'myValue' });
var regular = { myProperty: 'myValue' };
var blank = {};

console.log(Reflect.deleteProperty(window, 'some_var')); // false
console.log(window.some_var); // some_var

console.log(Reflect.deleteProperty(frozen, 'myProperty')); // false
console.log(frozen.myProperty); // myValue

console.log(Reflect.deleteProperty(regular, 'myProperty')); // true
console.log(regular.myProperty); // undefined

console.log(Reflect.deleteProperty(blank, 'notExistingProperty')); // true
console.log(blank.notExistingProperty); // undefined

在严格模式下运行时，deleteProperty 函数和 delete 运算符之间存在差异：

'use strict'

var frozen = Object.freeze({ myProperty: 'myValue' });

Reflect.deleteProperty(frozen, 'myProperty'); // false
delete frozen.myProperty;
// TypeError: property "myProperty" is non-configurable and can't be deleted

Answer 8

请注意，成功时 delete 返回 true。

2021 年更新：在 Chrome 88 和 Firefox 84 上测试：

implicit_global = 1;
delete implicit_global; // true

window.explicit_global = 1;
delete explicit_global; // true

const _object = {property: 1};
delete _object.property; // true

function_set = function() {};
delete function_set; // true

function function_declaration() {};
delete function_declaration; // false

(function () {
    var _var = 1;
    console.log(delete _var); // false
    console.log(_var); // 1
})()

(function () {
    let _let = 1;
    console.log(delete _let); // false
    console.log(_let); // 1
})()

(function () {
    const _const = 1;
    console.log(delete _const); // false
    console.log(_const); // 1
})()

由于浏览器更新，此答案的先前编辑不再相关。

Answer 9

与简单属性相比，变量具有[[可配置]]属性，这意味着无法通过删除运算符删除变量。

然而，有一种执行上下文不受此规则的影响。这是eval上下文：没有为变量设置[[Configurable]]属性。

Answer 10

删除运算符从对象中删除属性。

delete object.property
delete object['property']

https://developer.mozilla.org/en-US /docs/Web/JavaScript/Reference/Operators/delete

根据问题，您需要以下之一

delete some_var;
delete window.some_var;
delete window['some_var'];

Answer 11

如果在首次使用时声明了变量（使用 var x;），则无法删除该变量。
但是，如果您的变量 x 首次出现在没有声明的脚本中，那么您可以使用 delete 运算符 (delete x;) 和您的变量变量将被删除，与删除数组的元素或删除对象的属性非常相似。

Answer 12

我有点困惑。如果您想要的只是变量值不传递给另一个脚本，则无需从作用域中删除该变量。

只需使变量无效，然后显式检查它是否为空。为什么要经历从作用域中删除变量的麻烦呢？这能达到什么目的，而无效则不能呢？

foo = null;
if(foo === null) or if(foo !== null)

Answer 13

configurable--> deletable
var a=1
Object.getOwnPropertyDescriptor(window,"a")
return
{value: 1, writable: true, enumerable: true, configurable: false}
b=1
Object.getOwnPropertyDescriptor(window,"b")
return
{value: 1, writable: true, enumerable: true, configurable: true}
a=null or a=undefined not working for delete variable 
return same only changing saved data
{value: null, writable: true, enumerable: true, configurable: false}