จะยกเลิกการตั้งค่าตัวแปร JavaScript ได้อย่างไร

ฉันมีตัวแปรทั่วโลกใน JavaScript (จริง ๆ แล้วเป็นwindowคุณสมบัติ แต่ฉันไม่คิดว่ามันสำคัญ) ซึ่งได้รับการกรอกข้อมูลโดยสคริปต์ก่อนหน้านี้ แต่ฉันไม่ต้องการสคริปต์อื่นที่จะทำงานในภายหลังเพื่อดูค่าของมัน ที่กำหนดไว้

ฉันใส่some_var = undefinedแล้วมันใช้งานได้เพื่อจุดประสงค์ในการทดสอบtypeof some_var == "undefined"แต่ฉันไม่คิดว่ามันจะเป็นวิธีที่ถูกต้อง

คุณคิดอย่างไร?

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 spec เรียกว่า " VariableEnvironment " ที่แนบมากับขอบเขตปัจจุบัน - นี่อาจเป็นบริบทการดำเนินการของฟังก์ชันในกรณีของการใช้varภายในฟังก์ชั่น (แม้ว่ามันอาจจะซับซ้อนกว่าเล็กน้อย เมื่อคุณพิจารณาlet) หรือในกรณีของรหัส "global" VariableEnvironmentจะถูกแนบกับวัตถุโกลบอล (บ่อยครั้งwindow)

อ้างอิงในVariableEnvironmentไม่ได้ตามปกติ deletable - ขั้นตอนรายละเอียดในECMAScript 10.5อธิบายในรายละเอียด แต่พอจะพูดได้ว่าถ้ารหัสของคุณจะถูกดำเนินการในevalบริบท (ซึ่งส่วนใหญ่เบราว์เซอร์ที่ใช้คอนโซลการพัฒนาใช้) จากนั้นตัวแปรประกาศด้วยvarไม่ได้ ถูกลบ

2. โดยไม่ต้องใช้ var

เมื่อพยายามกำหนดค่าให้กับชื่อโดยไม่ใช้varคำสำคัญจาวาสคริปต์จะพยายามค้นหาชื่อที่อ้างอิงในสิ่งที่ข้อมูลจำเพาะ ECMAScript เรียกว่า " LexicalEnvironment " และความแตกต่างที่สำคัญคือLexicalEvironmentนั้นซ้อนอยู่ - นั่นคือLexicalEnvironmentมีพาเรนต์ ( สิ่งที่ข้อมูลจำเพาะ ECMAScript เรียกว่า "การอ้างอิงสภาพแวดล้อมภายนอก") และเมื่อ Javscript ล้มเหลวในการค้นหาการอ้างอิงในLexicalEenvironmentมันจะดูในLexicalEnvironmentแม่(ตามรายละเอียดใน10.3.1และ10.2.2.1 ) ระดับสูงสุดของLexicalEnvironmentคือ " สภาพแวดล้อมทั่วโลก"และนั่นถูกผูกไว้กับออบเจ็กต์ทั่วโลกซึ่งการอ้างอิงนั้นเป็นคุณสมบัติของออบเจกต์โกลบอลดังนั้นหากคุณพยายามเข้าถึงชื่อที่ไม่ได้ประกาศโดยใช้varคำหลักในขอบเขตปัจจุบันหรือขอบเขตภายนอก Javascript จะดึงคุณสมบัติในที่สุด ของwindowวัตถุที่จะใช้เป็นข้อมูลอ้างอิงดังที่เราได้เรียนรู้มาก่อนคุณสมบัติในวัตถุสามารถลบได้

หมายเหตุ

1. สิ่งสำคัญคือต้องจำไว้ว่าvarการประกาศเป็น "ยก" - กล่าวคือพวกเขามักจะคิดว่าจะเกิดขึ้นในช่วงต้นของขอบเขตที่พวกเขาอยู่ใน - แม้ว่าจะไม่เริ่มต้นค่าที่อาจจะทำในvarคำสั่ง - ที่เหลืออยู่ที่ไหน . ดังนั้นในรหัสต่อไปaนี้เป็นการอ้างอิงจากVariableEnvironmentไม่ใช่windowคุณสมบัติและค่าของมันจะอยู่10ที่ท้ายรหัส

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

2. การสนทนาข้างต้นคือเมื่อไม่ได้เปิดใช้งาน "โหมดเข้มงวด" กฎการค้นหาแตกต่างกันเล็กน้อยเมื่อใช้ "โหมดเข้มงวด" และการอ้างอิงคำศัพท์ที่จะแก้ไขคุณสมบัติของหน้าต่างโดยไม่มี "โหมดเข้มงวด" จะเพิ่มข้อผิดพลาด "ตัวแปรที่ไม่ได้ประกาศ" ภายใต้ "โหมดเข้มงวด" ฉันไม่เข้าใจจริงๆว่ามีการระบุไว้ที่ไหน แต่มันเป็นวิธีการทำงานของเบราว์เซอร์

คำตอบของ @ scunlife จะใช้ได้ แต่ในทางเทคนิคแล้วมันควรจะเป็น

delete window.some_var; 

การลบควรจะเป็นแบบไม่ใช้งานเมื่อเป้าหมายไม่ใช่คุณสมบัติของวัตถุ เช่น,

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

แต่เนื่องจากตัวแปรทั่วโลกเป็นสมาชิกของวัตถุหน้าต่างจึงทำงานได้

เมื่อมีการเชื่อมโยงเชนต้นแบบการใช้การลบจะซับซ้อนมากขึ้นเพราะมันลบคุณสมบัติออกจากวัตถุเป้าหมายเท่านั้นไม่ใช่ต้นแบบ เช่น,

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.

ดังนั้นระวัง

แก้ไข: คำตอบของฉันไม่ถูกต้องค่อนข้าง (ดู "ความเข้าใจผิด" ในตอนท้าย) ลิงก์จะอธิบายรายละเอียดเต็มไปด้วยเลือดทั้งหมด แต่สรุปคืออาจมีความแตกต่างใหญ่ระหว่างเบราว์เซอร์และขึ้นอยู่กับวัตถุที่คุณกำลังลบ โดยทั่วไปควรจะปลอดภัยตราบเท่าที่delete object.someProp object !== windowฉันยังคงไม่ใช้มันเพื่อลบตัวแปรที่ประกาศด้วยvarแม้ว่าคุณจะทำได้ภายใต้สถานการณ์ที่เหมาะสม

หากคุณกำลังปริยายประกาศตัวแปรโดยไม่ได้var, delete fooวิธีการที่เหมาะสมที่จะใช้

อย่างไรก็ตามหลังจากที่คุณลบหากคุณพยายามใช้สิ่งนี้ในการดำเนินการเช่นการเพิ่มReferenceErrorจะถูกโยนเพราะคุณไม่สามารถเพิ่มสตริงลงในตัวระบุที่ไม่ได้ประกาศและไม่ได้กำหนด ตัวอย่าง:

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

อาจปลอดภัยกว่าในบางสถานการณ์เพื่อกำหนดให้เป็นเท็จโมฆะหรือไม่ได้กำหนดดังนั้นจึงมีการประกาศและจะไม่ทิ้งข้อผิดพลาดประเภทนี้

foo = false

ทราบว่าใน ECMAScript null, false, undefined, 0, NaNหรือทุกคนจะประเมิน'' falseตรวจสอบให้แน่ใจว่าคุณไม่ได้ใช้!==โอเปอเรเตอร์ แต่!=เมื่อพิมพ์การตรวจสอบบูลีนและคุณไม่ต้องการการตรวจสอบตัวตน (เช่นnullนั้น== 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
})();

ในแรด:

js> var x
js> delete x
false

คุณไม่สามารถลบคุณสมบัติที่กำหนดไว้ล่วงหน้าได้เช่นMath.PI:

js> delete Math.PI
false

มีข้อยกเว้นแปลก ๆdeleteเช่นเดียวกับภาษาใด ๆ ถ้าคุณสนใจพอที่คุณควรอ่าน:

• 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

some_var = null;

//or remove it..
delete some_var;

TLDR: ง่ายตัวแปรที่กำหนดไว้ (ไม่var, let, const) deleteอาจจะถูกลบด้วย ถ้าคุณใช้var, let, const- พวกเขาไม่สามารถลบหรือด้วยหรือด้วยdeleteReflect.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 แสดงพฤติกรรมเดียวกัน

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(รวมถึงตัวดำเนินการลบ ) ในกรณีอื่น ๆ คืนค่า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

ตัวแปรในทางตรงกันข้ามกับคุณสมบัติที่เรียบง่ายมีแอตทริบิวต์[[กำหนด]]หมายถึงความเป็นไปไม่ได้ที่จะลบตัวแปรผ่านตัวดำเนินการลบ อย่างไรก็ตามมีบริบทการดำเนินการหนึ่งที่กฎนี้ไม่ส่งผลกระทบต่อ เป็นบริบทของการวิวัฒนาการ : ไม่มีการตั้งค่า [แอตทริบิวต์ที่กำหนดค่าได้]] ไว้สำหรับตัวแปร

ตัวดำเนินการลบจะลบคุณสมบัติออกจากวัตถุ

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'];

นอกจากสิ่งที่ทุกคนเขียนแล้วโปรดทราบว่าdeleteผลตอบแทนแบบบูล มันสามารถบอกคุณได้ว่าการลบสำเร็จหรือไม่

การทดสอบบน Chrome ทุกอย่างยกเว้นการletถูกลบล้างได้ เมื่อdeleteส่งคืนtrueจะลบออกจริง:

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

คุณไม่สามารถลบตัวแปรได้หากคุณประกาศ (พร้อม var x;) ณ เวลาที่ใช้ครั้งแรก อย่างไรก็ตามหากตัวแปร x ของคุณปรากฏตัวครั้งแรกในสคริปต์โดยไม่มีการประกาศคุณสามารถใช้ตัวดำเนินการลบ (ลบ x;) และตัวแปรของคุณจะถูกลบคล้ายกับการลบองค์ประกอบของอาร์เรย์หรือการลบคุณสมบัติของวัตถุ .

ฉันสับสนเล็กน้อย หากสิ่งที่คุณต้องการคือค่าตัวแปรที่จะไม่ส่งไปยังสคริปต์อื่นดังนั้นไม่จำเป็นต้องลบตัวแปรออกจากขอบเขต เพียงแค่ลบล้างตัวแปรแล้วตรวจสอบอย่างชัดเจนว่ามันเป็นหรือไม่เป็นโมฆะ ทำไมถึงมีปัญหาในการลบตัวแปรออกจากขอบเขต? เซิร์ฟเวอร์นี้มีวัตถุประสงค์อะไรที่ลบล้างไม่ได้?

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