객체 리터럴
4736 단어 javascript
다음은 하나의 속성과 하나의 기능을 가진 개체의 스니펫입니다.
const person = {
name: "Harsha",
greet: (msg, name) => {
console.log(message + "" + name + "!");
}
}
ES6
를 사용하여 개체 리터럴이 일부 향상되었습니다.키 속기 및 기능 속기
const name = 'Harsha'
const age = 19
const person = {
name: name,
age: age
greet: function () => {
console.log("Hi")
}
}
위의 코드에서 우리는 name 과 age 속성을 가진 개체 person 을 만들고 그들에게 상수 변수
name
와 age
의 값을 할당했습니다. 그리고 기능이 할당된 Greeting 속성도 있습니다.Javascript는 값을 할당하는 변수와 이름이 같은 객체 키를 설정하기 위해 약식 표기법을 도입했습니다. 또한 객체에서 function 키워드를 생략하고 클래스에서와 유사한 방식으로 함수를 정의할 수 있습니다.
키 속기 표기법과 함수 속기 표기법을 사용하여 위의 코드를 다음과 같이 작성할 수 있습니다.
const name = 'Harsha'
const age = 19
const person = {
name,
age,
greet() => {
console.log("Hi")
}
}
보시다시피 위의 코드는 작성 측면에서 훨씬 더 좋고 깨끗하며 쉬워 보입니다.
동적 속성
ES6
를 사용하면 변수를 객체 리터럴의 속성으로 직접 사용할 수 있습니다.const dynamicKey="name"
const object = {
[dynamicKey]: "Harsha"
}
위의 예에서 볼 수 있듯이 계산된 속성 이름을 대괄호로 묶어야 합니다. 위의 개체는 다음과 같습니다.
const object = {
"name": "Harsha"
}
Reference
이 문제에 관하여(객체 리터럴), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/harsha/object-literals-1mk7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)