Javascript_Basic 지식 중 삭제 연산자에 대한 자세한 소개

1. 변수

자바스크립트의 삭제 연산자에 관해 말하자면, 먼저 자바스크립트의 변수와 속성 간의 관계를 이해해야 합니다.

JavaScript에서 변수와 개체 속성 간의 관계는 매우 미묘하며 심지어 많은 경우 동일시될 수도 있습니다. 왜냐하면 JavaScript는 스크립트를 실행하기 전에 브라우저의 창 개체인 전역 개체를 생성하고 모든 전역 변수는 전역 객체의 속성입니다. 함수를 실행하면 활성화 객체도 모두 생성됩니다. 이러한 자바스크립트 범위와 클로저에 대해 알아볼 수 있습니다.

코드 복사 코드는 다음과 같습니다.

//프로토타입에 선언된 속성은 삭제됨

var global = 1;
this.global; // 1, 전역 개체는 this
this.global2 = 2;
global2를 통해 액세스할 수 있습니다. >function foo( ) {
var local = 36;
// 단, 활성화는 직접 접근할 수 없습니다.
// 따라서 foo.local 을 통해서는 로컬 변수에 접근할 수 없습니다
}

변수는 객체 속성과 동일한 것처럼 보이지만 적어도 삭제 연산자의 경우에는 그렇지 않습니다. 제가 이해한 바에 따르면 변수 선언은 var 문을 통해 완료되어야 합니다. var 문을 통해 선언되지 않은 전역 변수는 모두 window 개체의 속성입니다. 이를 통해 변수와 객체 속성 간의 관계를 쉽게 이해할 수 있습니다.

2. 삭제 연산자

삭제 연산자는 객체 속성을 삭제하는 데 사용됩니다. 참조 유형 값의 경우 객체 속성 자체도 삭제하고 해당 속성이 가리키는 객체는 삭제하지 않습니다. 궁금한 점이 있으면 기본 유형과 참조 유형의 값을 살펴보거나 다음 코드를 테스트해 보세요.

코드 복사 코드는 다음과 같습니다.

var o = {};
var a = { x: 10 };
o.a = a;
delete o.a; // o.a 속성이 삭제됩니다
console.log(o.a); // 정의되지 않음
console.log(a.x); // 10, { x: 10 } 객체가 여전히 a에 의해 참조되기 때문입니다. 재활용 불가

또한 delete o.x는 delete o["x"]로 쓸 수도 있으며 둘 다 동일한 효과를 갖습니다.

3. 변수는 삭제할 수 없습니다

var를 통해 선언된 변수와 function을 통해 선언된 함수에는 dontdelete 속성이 있어 삭제할 수 없습니다. var를 통해 선언되지 않은 전역 변수(전역 개체의 속성)

코드 복사 코드는 다음과 같습니다.

var global = {
a: 123,
b: {
c: 1345
}
};
delete global; //잘못됨
console.log (global )

obj = {
a: 123
};
delete obj; // obj 전역 변수, 창 개체의 obj 속성 삭제
console.log (obj);/ /obj가 정의되지 않았습니다

4. 프로토타입에 선언된 속성과 객체의 속성은 삭제할 수 없습니다

프로토타입 프로토타입에 선언된 속성과 객체와 함께 제공되는 속성(실제로 이러한 속성은 프로토타입 프로토타입에도 있음)은 dontdelete 기능이 있는 것으로 간주되어 삭제할 수 없습니다. 예를 들어

코드 복사 코드는 다음과 같습니다.

//에 선언된 속성 프로토타입을 삭제할 수 없습니다.

function obj() {
this.x = 1;
}
obj.prototype.x = 2;

var o = new obj ();
console.log(o.x); // 1, 생성자에 정의된 o.x

delete o.x;
console.log(o.x) // 2, 프로토타입에 정의된 o.x , 다시 실행해도 delete o.x도 삭제되지 않습니다

//객체의 속성은 삭제할 수 없습니다

var strings = "123456";
console.log(strings. length);// 6
strings.length 삭제;
console.log(strings.length);//여전히 6

5. 평가문의 몇 가지 예외

eval로 실행되는 코드에서 var로 선언된 변수는 일반 var로 선언된 변수와 동일한 전역 객체에 속하지만 dontdelete 기능이 없어 삭제할 수 있습니다. 단, eval 코드의 함수 내에서 var를 통해 정의된 변수는 삭제가 불가능하여 삭제할 수 없습니다.

코드 복사 코드는 다음과 같습니다.

eval("var x = 42;");
x; // => 42
delete x;
x // => eval("function f() { return 12; }");
f(); // => 12
delete f;
f() // => 정의되지 않음
//eval이 실행한 코드에서 var로 선언한 변수는 일반 var로 선언한 변수와 동일한 전역 객체에 속하지만
// dontdelete 기능이 없어 삭제할 수 있습니다.
eval("(function () {"
" var x = 42;"
" delete x;"
" return x;"
"})();")
// => 42
// 평가코드의 함수 내에서 var로 정의한 변수는 삭제가 되지 않아 삭제할 수 없습니다.

6. 삭제 반환값

delete는 일반 연산자이며 true 또는 false를 반환합니다. 삭제된 개체의 속성이 존재하고 삭제되지 않은 경우 false를 반환하고, 그렇지 않으면 true를 반환합니다. 여기서 한 가지 특징은 객체 속성이 존재하지 않는 경우에도 true를 반환하므로 반환 값이 삭제 성공 여부와 완전히 동일하지는 않습니다.

코드 복사 코드는 다음과 같습니다.

function c() {
this .x = 42;
}
c.prototype.y = 12;
var o = new c();

delete o.x; // true
o.x; undefine
"x" in o; // false
// o.x가 존재하고 삭제가 없으면 true를 반환합니다.

delete o.y; // true
o.y; >// o 자체 o.y 속성이 없으므로 true를 반환
// 여기서도 객체 자체 속성과 프로토타입 속성이 다르다는 것을 알 수 있습니다

delete o ; // false
// global .o에는 dontdelete 속성이 있으므로 false를 반환합니다

delete undefineproperty; // true
// global에는 undefineproperty라는 속성이 없으므로 true를 반환합니다

delete 42; // true
// 42는 속성이 아니므로 true를 반환합니다. 일부 구현에서는 예외가 발생합니다(ecmascript 표준 위반)

var x = 24;
delete x; // true
x; // 25
// x가 삭제됩니다. 24)은 속성이 아니므로 true를 반환합니다