>웹 프론트엔드 >프런트엔드 Q&A >es6의 상징은 정확히 무엇입니까?

es6의 상징은 정확히 무엇입니까?

WBOY
WBOY원래의
2022-03-30 14:15:072738검색

symbol은 고유한 값을 나타내는 데 사용되는 새로운 기본 데이터 유형입니다. 가장 큰 용도는 객체가 아닌 기본 데이터 유형이므로 객체의 고유 속성 이름을 정의하는 것입니다. 새로운 명령.

es6의 상징은 정확히 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 기호는 정확히 무엇입니까?

ES6에서는 고유한 값을 나타내는 새로운 기본 데이터 유형인 기호를 도입합니다. 가장 큰 용도는 객체의 고유한 속성 이름을 정의하는 것입니다.

숫자, 문자열, 부울, 객체, null 및 정의되지 않음 외에도 ES6 데이터 유형에는 기호도 추가됩니다.

기본 사용법

Symbol은 객체가 아닌 기본 데이터 유형이므로 Symbol 함수 스택은 새 명령을 사용할 수 없습니다. 새로 생성된 기호에 대한 설명을 제공하기 위해 문자열을 매개변수로 허용할 수 있습니다. 이 설명은 콘솔에 표시되거나 쉽게 구별할 수 있도록 문자열로 사용할 수 있습니다.

let sy = Symbol("KK");
console.log(sy);   // Symbol(KK)
typeof(sy);        // "symbol"
 
// 相同参数 Symbol() 返回的值不相等
let sy1 = Symbol("kk"); 
sy === sy1;       // false

매개변수 특성

Symbol의 매개변수는 일반적으로 다른 값을 식별하기 위해 문자열을 저장합니다. Symbol의 매개변수가 객체인 경우 객체의 toString 메소드가 호출되어 이를 문자열로 변환합니다. 기호 값.

var s1 = Symbol('id1');
var s2 = Symbol('id1');
console.log(s1 == s2);//false
var s3 = Symbol({});
console.log(s3);//Symbol([object Object])

Symbol의 매개변수는 현재 기호 값에 대한 설명을 나타냅니다. 매개변수가 동일하더라도 두 기호 값은 동일하지 않습니다.

사용 및 기능

기호는 개체 속성 이름으로 사용할 수 없으며 . 연산자를 사용해야 하며 대괄호를 사용해야 합니다. . 연산자 뒤에 문자열이 오기 때문에 기호 값 sy 속성이 아닌 문자열 sy 속성을 얻습니다.

let syObject = {};
syObject[sy] = "kk";
syObject[sy];  // "kk"
syObject.sy;   // undefined

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 es6의 상징은 정확히 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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