Làm cách nào để bỏ đặt một biến JavaScript?

Tôi có một biến toàn cục trong JavaScript (thực ra là một thuộc windowtính, nhưng tôi không nghĩ nó có vấn đề) đã được tạo bởi tập lệnh trước nhưng tôi không muốn một tập lệnh khác chạy sau để thấy giá trị của nó hoặc thậm chí nó còn xác định.

Tôi đã đặt some_var = undefinedvà nó hoạt động cho mục đích thử nghiệm typeof some_var == "undefined"nhưng tôi thực sự không nghĩ rằng đó là cách đúng đắn để thực hiện.

Bạn nghĩ sao?

Các deletenhà điều hành loại bỏ một tài sản từ một đối tượng. Nó không thể loại bỏ một biến. Vì vậy, câu trả lời cho câu hỏi phụ thuộc vào cách xác định biến toàn cục hoặc thuộc tính.

(1) Nếu nó được tạo bằng var, nó không thể bị xóa.

Ví dụ:

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) Nếu nó được tạo mà không có var, nó có thể bị xóa.

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

Giải thích kỹ thuật

1. Sử dụng var

Trong trường hợp này, tham chiếu g_ađược tạo trong cái mà đặc tả ECMAScript gọi là " Biến môi trường " được gắn với phạm vi hiện tại - đây có thể là bối cảnh thực thi chức năng trong trường hợp sử dụng varbên trong một hàm (mặc dù nó có thể phức tạp hơn một chút khi bạn xem xét let) hoặc trong trường hợp mã "toàn cầu", Var biếnEn Môi trường được gắn vào đối tượng toàn cầu (thường window).

Các tham chiếu trong Biến môi trường thường không thể xóa được - quy trình chi tiết trong ECMAScript 10.5 giải thích điều này một cách chi tiết, nhưng đủ để nói rằng trừ khi mã của bạn được thực thi trong evalngữ cảnh (mà hầu hết các bảng điều khiển phát triển dựa trên trình duyệt sử dụng), thì các biến được khai báo varkhông thể bị xóa

2. Không sử dụng var

Khi cố gắng gán giá trị cho tên mà không sử dụng vartừ khóa, Javascript sẽ cố gắng xác định vị trí tham chiếu được đặt tên trong thông số ECMAScript gọi là " LexicalEn Môi trường " và sự khác biệt chính là LexicalE Môi trường được lồng vào nhau - đó là một LexicalEn Môi trường có cha mẹ ( những gì ECMAScript đặc tả các cuộc gọi "tài liệu tham khảo môi trường bên ngoài") và khi javscript thất bại trong việc xác định vị trí tài liệu tham khảo trong một LexicalEenvironment , có vẻ trong các phụ huynh LexicalEnvironment (như chi tiết trong 10.3.1 và 10.2.2.1 ). Mức đầu LexicalEnvironment là " môi trường toàn cầu", và điều đó bị ràng buộc với đối tượng toàn cầu trong đó các tham chiếu của nó là thuộc tính của đối tượng toàn cầu. Vì vậy, nếu bạn cố gắng truy cập một tên không được khai báo bằng vartừ khóa trong phạm vi hiện tại hoặc bất kỳ phạm vi bên ngoài nào, Javascript cuối cùng sẽ tìm nạp một thuộc tính của windowđối tượng để phục vụ như tham chiếu đó. Như chúng ta đã học trước đây, các thuộc tính trên các đối tượng có thể bị xóa.

Ghi chú

1. Điều quan trọng cần nhớ là các varkhai báo bị "treo" - tức là chúng luôn được coi là đã xảy ra khi bắt đầu phạm vi mà chúng nằm trong - mặc dù không phải là khởi tạo giá trị có thể được thực hiện trong một varcâu lệnh - đó là để lại ở đó . Vì vậy, trong đoạn mã sau, alà một tham chiếu từ Var biếnEn Môi trường chứ không phải thuộc windowtính và giá trị của nó sẽ 10ở cuối mã:

   function test() { a = 5; var a = 10; }

2. Các cuộc thảo luận ở trên là khi "chế độ nghiêm ngặt" không được kích hoạt. Các quy tắc tra cứu hơi khác một chút khi sử dụng "chế độ nghiêm ngặt" và các tham chiếu từ vựng đã giải quyết các thuộc tính cửa sổ mà không có "chế độ nghiêm ngặt" sẽ đưa ra các lỗi "biến không khai báo" trong "chế độ nghiêm ngặt". Tôi thực sự không hiểu nơi này được chỉ định, nhưng đó là cách trình duyệt hoạt động.

Câu trả lời của @ scunlife sẽ hoạt động, nhưng về mặt kỹ thuật thì phải như vậy

delete window.some_var; 

xóa được coi là không có tác dụng khi mục tiêu không phải là thuộc tính đối tượng. ví dụ,

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

Nhưng vì các biến toàn cục thực sự là thành viên của đối tượng cửa sổ, nên nó hoạt động.

Khi các chuỗi nguyên mẫu có liên quan, việc sử dụng xóa sẽ phức tạp hơn vì nó chỉ xóa thuộc tính khỏi đối tượng đích chứ không phải nguyên mẫu. ví dụ,

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.

Vì vậy, hãy cẩn thận.

EDIT: Câu trả lời của tôi có phần không chính xác (xem phần "Quan niệm sai" ở cuối). Liên kết giải thích tất cả các thông tin chi tiết, nhưng tóm tắt là có thể có sự khác biệt lớn giữa các trình duyệt và tùy thuộc vào đối tượng bạn đang xóa. delete object.somePropNói chung nên an toàn miễn là object !== window. Tôi vẫn sẽ không sử dụng nó để xóa các biến được khai báo varmặc dù bạn có thể trong các trường hợp phù hợp.

Nếu bạn đang ngầm khai báo biến mà không có var, cách thích hợp sẽ là sử dụng delete foo.

Tuy nhiên, sau khi bạn xóa nó, nếu bạn cố gắng sử dụng điều này trong một thao tác, chẳng hạn như thêm ReferenceErrorsẽ bị ném vì bạn không thể thêm một chuỗi vào một định danh không xác định, không xác định. Thí dụ:

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

Trong một số trường hợp, có thể an toàn hơn khi gán nó thành false, null hoặc không xác định để nó được khai báo và sẽ không ném loại lỗi này.

foo = false

Lưu ý rằng trong ECMAScript null, false, undefined, 0, NaN, hoặc ''tất cả sẽ đánh giá để false. Chỉ cần chắc chắn rằng bạn không sử dụng các !==toán tử mà thay vào đó !=khi kiểm tra kiểu cho boolean và bạn không muốn kiểm tra danh tính (vì vậy nullsẽ == falsevà false == undefined).

Cũng lưu ý rằng deletekhông "xóa" các tham chiếu mà chỉ là các thuộc tính trực tiếp trên đối tượng, ví dụ:

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)

Nếu bạn đã khai báo một biến với varbạn không thể xóa nó:

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

Trong tê giác:

js> var x
js> delete x
false

Bạn cũng không thể xóa một số thuộc tính được xác định trước như Math.PI:

js> delete Math.PI
false

Có một số trường hợp ngoại lệ kỳ lạ deletenhư với bất kỳ ngôn ngữ nào, nếu bạn quan tâm đầy đủ, bạn nên đọc:

• https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Operators/ecial_Operators/delete_Operator
• http: //www.ecma-i Intl.org/publications/files/ECMA-ST/ECMA-262.pdf

some_var = null;

//or remove it..
delete some_var;

TLDR: đơn giản định nghĩa các biến (không có var, let, const) có thể bị xóa với delete. Nếu bạn sử dụng var, let, const- họ có thể không bị xóa không có deletecũng không phải vớiReflect.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"

FF Nightly 53.0a1 cho thấy hành vi tương tự.

ECMAScript 2015 cung cấp API Reflect. Có thể xóa thuộc tính đối tượng với Reflect.deleteProperty () :

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

Để xóa tài sản của windowđối tượng toàn cầu :

Reflect.deleteProperty(window, 'some_var');

Trong một số trường hợp, các thuộc tính không thể bị xóa (khi thuộc tính không thể cấu hình được) và sau đó hàm này trả về false(cũng như xóa toán tử ). Trong các trường hợp khác trả về 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

Có một sự khác biệt giữa deletePropertychức năng và deletetoán tử khi chạy ở chế độ nghiêm ngặt:

'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

Các biến, ngược lại với các thuộc tính đơn giản, có thuộc tính [[Có thể cấu hình]] , nghĩa là không thể xóa một biến thông qua toán tử xóa . Tuy nhiên, có một bối cảnh thực hiện mà quy tắc này không ảnh hưởng. Đây là bối cảnh eval : có thuộc tính [[Có thể cấu hình]] không được đặt cho các biến.

Toán tử xóa sẽ xóa một thuộc tính khỏi một đối tượng.

delete object.property
delete object['property']

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

Theo câu hỏi bạn cần một trong những điều sau đây

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

Ngoài những gì mọi người đã viết, cũng lưu ý rằng delete trả về boolean. Nó có thể cho bạn biết nếu xóa thành công hay không.

Thử nghiệm trên Chrome, mọi thứ ngoại trừ letđều có thể thực hiện được. Khi deletetrả lại truenó thực sự loại bỏ chúng:

implicit_global = 1;
window.explicit_global = 1;
function_set = function() {};
function function_dec() { };
var declared_variable = 1;
let let_variable = 1;

delete delete implicit_global; // true, tested on Chrome 52
delete window.explicit_global; // true, tested on Chrome 52
delete function_set; // true, tested on Chrome 52
delete function_dec; // true, tested on Chrome 52
delete declared_variable; // true, tested on Chrome 52
delete let_variable; // false, tested on Chrome 78

Bạn không thể xóa một biến nếu bạn khai báo nó (với var x;) tại lần sử dụng đầu tiên. Tuy nhiên, nếu biến x của bạn xuất hiện lần đầu tiên trong tập lệnh mà không cần khai báo, thì bạn có thể sử dụng toán tử xóa (xóa x;) và biến của bạn sẽ bị xóa, rất giống với việc xóa một phần tử của mảng hoặc xóa thuộc tính của đối tượng .

Tôi hơi bối rối. Nếu tất cả những gì bạn muốn là cho một giá trị biến không chuyển sang tập lệnh khác thì không cần phải xóa biến khỏi phạm vi. Đơn giản chỉ cần vô hiệu hóa biến sau đó kiểm tra rõ ràng nếu nó là hoặc không null. Tại sao phải trải qua những rắc rối trong việc xóa biến khỏi phạm vi? Mục đích nào mà máy chủ này vô hiệu hóa không thể?

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