>웹 프론트엔드 >JS 튜토리얼 >JavaScript 객체 리터럴에서 `{a: a, b: b, c: c}`와 `{a, b, c}`의 차이점은 무엇입니까?

JavaScript 객체 리터럴에서 `{a: a, b: b, c: c}`와 `{a, b, c}`의 차이점은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-27 18:56:09808검색

What's the Difference Between `{a: a, b: b, c: c}` and `{a, b, c}` in JavaScript Object Literals?

JavaScript의 객체 리터럴: {a, b, c}의 수수께끼 풀기

다음 코드를 상상해 보세요.

var d = {a: a, b: b, c: c}; // object literal
var e = [a, b, c];          // array
var f = {a, b, c};          // what exactly is this??

질문이 생깁니다. f는 어떤 데이터 구조인가요? 단순한 d에 대한 지름길인가요, 아니면 그 이상인가요?

이 수수께끼를 해결하기 위해 객체 리터럴 속성 값 약칭의 개념을 살펴보겠습니다. ES6에 도입된 이 구문은 객체 리터럴을 구성하는 간결한 방법을 제공합니다:

var f = {a, b, c};

이것은 다음과 동일합니다:

var f = {a: a, b: b, c: c};

즉, f는 객체 리터럴을 초기화하는 객체 리터럴입니다. 기존 변수 a, b, c의 값을 가진 속성.

추가로 단축어를 다음과 결합할 수 있습니다. 클래식 속성 초기화:

var f = {a: 1, b, c};

포괄적인 이해를 위해서는 객체 이니셜라이저의 속성 정의에 대한 문서를 참조하세요.

위 내용은 JavaScript 객체 리터럴에서 `{a: a, b: b, c: c}`와 `{a, b, c}`의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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