>  기사  >  웹 프론트엔드  >  자바스크립트의 기호 데이터 유형

자바스크립트의 기호 데이터 유형

DDD
DDD원래의
2023-09-20 11:34:32867검색

JavaScript의 Symbol 데이터 유형은 고유한 값을 나타내는 데 사용되는 기본 데이터 유형입니다. 기호의 특성: 1. 고유함, 각 기호 값은 고유하며 다른 값과 동일하지 않습니다. 2. 불변성, 기호 값이 생성되면 수정하거나 재할당할 수 없습니다. 수정되거나 재할당되며 암시적으로 다른 유형으로 변환됩니다. 4. 기호 값이 객체의 속성 이름으로 사용되는 경우 기본적으로 열거할 수 없습니다.

자바스크립트의 기호 데이터 유형

JavaScript의 기호 데이터 유형은 ES6에서 도입된 새로운 기능으로 고유한 값을 나타내는 데 사용되는 기본 데이터 유형입니다. 속성 이름 충돌 문제를 해결하기 위해 기호 값을 객체의 속성 이름으로 사용할 수 있습니다. 이 기사에서는 Symbol 데이터 유형의 특성, 사용법 및 몇 가지 일반적인 응용 프로그램 시나리오를 자세히 소개합니다.

1. 기호의 특성

1. 고유성: 기호 값에 대한 설명이 동일하더라도 각 기호 값은 고유하며 다른 값과 동일하지 않습니다. 즉, 속성 이름의 고유성을 보장하고 속성 이름 충돌을 방지하기 위해 기호 값을 개체의 속성 이름으로 사용할 수 있습니다.

2. 불변성: 기호 값이 생성되면 수정하거나 재할당할 수 없습니다. 이는 재할당을 통해 값을 변경할 수 있는 문자열, 숫자 등의 데이터 유형과 다른 반면, 기호 값은 변경할 수 없습니다.

3. 숨김: 기호 값은 암시적으로 다른 유형으로 변환되지 않습니다. 예를 들어 문자열에 기호 값을 추가하면 예상한 결과가 나오지 않지만 TypeError가 발생합니다. 이렇게 숨기면 예기치 않은 유형 변환 문제가 방지됩니다.

4. 열거 불가능: 기호 값이 객체의 속성 이름으로 사용되면 기본적으로 열거할 수 없습니다. 이는 for...in 루프나 Object.keys() 메서드를 사용하여 Symbol 속성 이름을 얻을 수 없음을 의미합니다. 이 기능을 사용하면 특정 속성이 통과되지 않도록 숨길 수 있습니다.

2. 기호 사용

1. 기호 값 만들기: 기호() 함수를 사용하여 기호 값의 목적이나 의미를 식별하는 선택적 설명 매개 변수를 사용할 수 있습니다.

let sym = Symbol();
console.log(typeof sym); // "symbol"
let symWithDesc = Symbol("description");
console.log(symWithDesc.toString()); // "Symbol(description)"

2. 기호를 속성 이름으로 사용: 기호 값을 개체의 속성 이름으로 사용하여 속성 이름의 고유성을 보장할 수 있습니다.

let obj = {
  [Symbol("key")]: "value"
};
console.log(obj[Symbol("key")]); // undefined,每次使用Symbol()函数创建的Symbol值都是不相等的
let sym = Symbol("key");
obj[sym] = "new value";
console.log(obj[sym]); // "new value"

3. 기호 속성 이름 가져오기: Object.getOwnPropertySymbols() 메서드를 사용하여 객체의 모든 기호 속성 이름을 가져올 수 있습니다.

let obj = {
  [Symbol("key1")]: "value1",
  [Symbol("key2")]: "value2"
};
let symbols = Object.getOwnPropertySymbols(obj);
console.log(symbols); // [Symbol(key1), Symbol(key2)]
console.log(obj[symbols[0]]); // "value1"

4. 기호 내장 속성: 기호 값에는 객체의 기본 동작을 수정하는 데 사용할 수 있는 몇 가지 내장 속성이 있습니다.

- Symbol.iterator: 객체의 기본 반복자 메서드를 정의하는 데 사용됩니다.

- Symbol.toStringTag: 객체의 기본 toString() 메서드에서 반환된 문자열 태그를 수정하는 데 사용됩니다.

- Symbol.hasInstance: 객체에 대한 기본 인스턴스 연산자 동작을 정의하는 데 사용됩니다.

- Symbol.toPrimitive: 기본 값으로 변환된 객체의 기본 동작을 정의하는 데 사용됩니다.

let obj = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
  },
  [Symbol.toStringTag]: "MyObject"
};
console.log([...obj]); // [1, 2]
console.log(obj.toString()); // "[object MyObject]"

3. Symbol의 적용 시나리오

1. 속성 이름 충돌 해결: Symbol 값을 개체의 속성 이름으로 사용하면 다른 모듈이나 라이브러리 간의 속성 이름 충돌을 피할 수 있습니다.

2. 상수 정의: 기호 값을 사용하여 상수를 정의하여 상수의 고유성을 보장할 수 있습니다.

const RED = Symbol("red");
const BLUE = Symbol("blue");

3. 숨겨진 속성: 개체의 속성 이름으로 기호 값을 사용하면 특정 속성이 탐색되지 않도록 숨길 수 있습니다.

let obj = {
  [Symbol("hidden")]: "value",
  visible: "value"
};
for (let key in obj) {
  console.log(key); // "visible",Symbol属性名不可枚举
}

4. 내장 객체 확장: 기호 값을 사용하여 내장 객체의 기능을 확장하고 사용자 정의 메서드나 속성을 추가할 수 있습니다.

Array.prototype[Symbol.iterator] = function* () {
  for (let i = 0; i < this.length; i++) {
    yield this[i];
  }
};
let arr = [1, 2, 3];
console.log([...arr]); // [1, 2, 3]

요약하자면, Symbol 데이터 유형은 JavaScript의 기본 데이터 유형으로, 고유한 값을 나타내는 데 사용됩니다. 고유하고, 변경할 수 없고, 숨기고, 열거할 수 없다는 특성을 가지며 속성 이름 충돌 해결, 상수 정의, 속성 숨기기, 기본 제공 개체 확장과 같은 시나리오에서 사용할 수 있습니다. Symbol 값의 생성과 사용은 비교적 간단하지만, 예상치 못한 문제가 발생하지 않도록 그 특수성과 은폐성에 주의를 기울여야 합니다.

위 내용은 자바스크립트의 기호 데이터 유형의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.