[JavaScript] 향상된 객체 리터럴이란 ?

GonnabeAlright·2021년 11월 26일
0
post-thumbnail
post-custom-banner

향상된 객체 리터럴(Enhanced Object Literal)

  • 향상된 객체 리터럴이란 기존 자바스크립트에서 사용되던 객체 정의 방식을 개선한 문법입니다.
  • 자주 사용하던 문법을 한층 더 간결하게 작성할 수 있도록 도와줍니다.

1) 기존 객체 정의 방식

var 객체명 = {
 	속성:,
  	메서드: function() {
     	// 메서드 명령 
    }
}

ex)

var person = {
 	name: '홍진혁',
  	age: 25,
  	walk: function() {
     	console.log(this.name + "이 걷습니다."); 
    }
}

2) 축약 문법 (속성명과 속성값이 같으면 한번만 작성해도 됨)

var test = {
 	// javascript: javascript,
  	javascript
}

console.log(test);

ex)

var a = "테스트", b = 42, c = {};
var test = {
 	a,
  	b,
  	c
};

console.log(test.a);			// 테스트
console.log(test.b);			// 42
console.log(test.c);			// {}

3) 메서드 작성시 function 생략 가능

var test = {
  	/*
    javascript: function() {
    	console.log('자바스크립트');
  	}	
    */
 	javascript() {
     	console.log('자바스크립트'); 
    }
}

test.javascript();			// 자바스크립트
post-custom-banner

0개의 댓글