> 웹 프론트엔드 > JS 튜토리얼 > js의 삭제 및 삭제 연산자는 무엇입니까? 및 사용예 분석

js의 삭제 및 삭제 연산자는 무엇입니까? 및 사용예 분석

伊谢尔伦
풀어 주다: 2017-07-19 09:46:42
원래의
1794명이 탐색했습니다.

각 속성에는 0개 이상의 내부 속성(*ReadOnly, DontEnum, DontDelete 및 Internal**)이 있습니다. 태그로 생각할 수 있습니다. 속성에는 특별한 내부 속성이 있을 수도 있고 없을 수도 있습니다. 오늘 토론에서는 DontDelete에 관심이 있습니다.

변수와 함수가 선언되면 변수 개체(함수 코드의 활성화 개체 또는 전역 코드의) 전역 개체의 속성이 됩니다. 이러한 속성은 내부 속성 DontDelete가 생성됩니다. . 그러나 명시적/암시적으로 할당된 속성은 DontDelete를 생성하지 않습니다. 이것이 본질적으로 일부 속성은 삭제할 수 있지만 다른 속성은 삭제할 수 없는 이유입니다.


var GLOBAL_OBJECT = this;
로그인 후 복사

/* 'foo'는 전역 개체의 속성이며 변수 선언에 의해 생성되므로 내부 속성이 DontDelete

따라서 삭제할 수 없습니다*/


var foo = 1;
delete foo; // false
typeof foo; // "number"
/* 'bar
로그인 후 복사

'는 전역 개체의 속성이고 변수 선언을 통해 생성되므로 DontDelete 하위

가 있으므로 삭제할 수 없습니다*/


function bar() {};
delete bar; // false
typeof bar; // "function"
로그인 후 복사

/* 'baz'도 속성입니다. 전역 개체의

그러나 속성 할당에 의해 생성되므로 DontDelete가 없습니다.

이것이 삭제될 수 있는 이유입니다. 이 모든 일이 발생하는 이유는 다음과 같습니다. 속성의 특별한 내부 속성은 속성의 여부를 제어합니다. 삭제될 수 있습니다. 참고: 내장 개체의 일부 속성에는 내부 속성 DontDelete가 있으므로 삭제할 수 없습니다. 특수 인수 변수(우리가 알고 있듯이 활성화된 개체의 속성)에는 모든 함수 인스턴스의 길이(반환 매개 변수 길이) 속성도 있습니다. DontDelete:


GLOBAL_OBJECT.baz = "baz";
delete GLOBAL_OBJECT.baz; // true
typeof GLOBAL_OBJECT.baz; // "undefined"
로그인 후 복사

함수 인수와 관련된 속성에도 DontDelete가 있으며 삭제할 수 없습니다.

(function() {
  //不能删除'arguments',因为有DontDelete
  delete arguments; // false;
  typeof arguments; // "object"
  //也不能删除函数的length,因为有DontDelete
  function f() {};
  delete f.length; // false;
  typeof f.length; // "number"
}) ();
로그인 후 복사

선언되지 않은 할당 | 선언되지 않은 할당


기억하실지 모르겠지만 할당은 전역 개체의 속성이 됩니다. 해당 속성이 범위 체인의 다른 곳에서 발견되지 않는 한. 이제 우리는 속성 할당과 변수 선언의 차이점을 이해합니다. 후자는 DontDelete를 생성하고 전자는 생성하지 않습니다. 이것이 바로 선언되지 않은 변수 할당을 삭제할 수 있는 이유입니다.


(function(foo,bar) {
  delete foo; // false
  foo; // 1
  delete bar; // false
  bar; // "bah"
}) (1,"bah");
로그인 후 복사

참고: 내부 속성은 속성이 생성될 때 결정되며 후속 할당 프로세스에서는 기존 속성의 내부 속성을 변경하지 않습니다. 이 차이점을 이해하는 것이 중요합니다.


var GLOBAL_OBJECT = this;

/* 通过变量声明生成全局对象的属性,拥有DontDelete */
var foo = 1;

/* 通过未声明的变量赋值生成全局对象的属性,没有DontDelete */
bar = 2;
delete foo; // false
delete bar; // true
로그인 후 복사

요약:

변수 및 함수 선언은 활성화 전역 개체의 특성입니다.

속성에는 내부 속성이 있으며 그 중 하나는 DontDelete가 속성을 삭제할 수 있는지 여부를 결정하는 역할을 담당합니다.


전역 코드 또는 함수 코드의 변수 및 함수 선언은 모두 DontDelete를 사용하여 속성을 생성합니다.

함수 매개변수도 활성화 객체의 속성이며 DontDelete도 갖습니다.的 개체의 속성 삭제: 개체 삭제. 멤버


는 자신의 멤버만 삭제할 수 있습니다.

VAR에서 선언한 전역 변수만 삭제

를 사용하여 Window를 사용할 수 없습니다.


ps: Javascript의 삭제 연산자

Delete는 Javascript 언어에서 덜 자주 사용되는 작업 중 하나이지만 때로는 삭제 또는 지우기 작업을 수행해야 할 때 삭제 작업이 필요합니다. 이번 글에서는 사용법과 작동 원리에 대해 알아보겠습니다.

삭제의 목적은 무엇인가를 삭제하는 것입니다. 보다 구체적으로 다음 예와 같이 객체의 속성을 삭제합니다.

/* 'foo'创建的同时生成DontDelete */
function foo() {};
/* 之后的赋值过程不改变已有属性的内部属性,DontDelete仍然存在 */
foo = 1;
delete foo; // false;
typeof foo; // "number"
/* 但赋值一个不存在的属性时,创建了一个没有内部属性的属性,因此没有DontDelete */
this.bar = 1;
delete bar; // true;
typeof bar; // "undefined"
로그인 후 복사

삭제 연산자는 일반 변수를 삭제하지 않습니다. 예:

var Benjamin = {
  "name": "zuojj",
  "url" : "//m.sbmmt.com"
};
delete Benjamin.name;
//Outputs: Object { url: "//m.sbmmt.com" }
console.log(Benjamin);
로그인 후 복사

그러나 "전역 변수"는 실제로 전역 개체(브라우저의 창) 개체의 속성이므로 삭제할 수 있습니다.

var benjamin = "//m.sbmmt.com";
delete benjamin;
//Outputs: "//m.sbmmt.com"
console.log(benjamin);
로그인 후 복사

삭제 연산자에도 반환 값이 있습니다. 속성 삭제에 성공하면 속성을 쓸 수 없어 삭제할 수 없으면 false를 반환하거나 if를 반환합니다. 엄격 모드에서.

// Because var isn't used, this is a property of window
benjamin = "php";
delete window.benjamin;
// ReferenceError: benjamin is not defined
console.log(benjamin);
로그인 후 복사

언제 삭제 연산자를 사용해야 할지 모를 수도 있습니다. 대답은 객체에서 속성을 정말로 제거하고 싶을 때마다입니다.

때때로 Javascript 개발자는 속성을 삭제하는 대신 속성 값을 null로 설정합니다. 아래와 같이:


var benjamin = {
  "name": "zuojj",
  "url" : "//m.sbmmt.com"
};
var nameDeleted = delete benjamin.name;
// Outputs: true
console.log(nameDeleted);
"use strict";
var benjamin_ = "zuojj";
//Outputs: Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.
delete benjamin_;
로그인 후 복사

이렇게 하면 속성이 원래 값에서 효과적으로 차단되지만 속성 자체는 기존 객체에 남아 있습니다. 다음을 볼 수 있습니다:


// Outputs: Object { name: null, url: "//m.sbmmt.com" }
console.log(benjamin);
로그인 후 복사

同时,像in和for in 循环运算将不会报告null属性的存在,如果你使用个对象,可能使用这些方法来检查一个对象,你可能想确保你真正删除任何不需要的属性。

最后,你应该记住,删除并没有破坏属性的值,仅仅属性本身,看下面的例子:


var name   = "zuojj",
    benjamin = {};
benjamin.name = name;
delete benjamin.name;
//Outputs: "zuojj"
console.log(name);
로그인 후 복사

这里,name和benjamin.name映射到相同的值,真如你所看到的,删除benjamin.name并不会影响name.

위 내용은 js의 삭제 및 삭제 연산자는 무엇입니까? 및 사용예 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿