템플릿 문자열, 객체 리터럴

탬플릿 문자열

프로그래밍을 하다 보면 종종 다음과 같은 코드를 작성하는 경우가 있다:

var won = 1000;

var result = '이 과자는 '+won+'원입니다.'

그런데 이런식으로 +로 출력문을 연결하게 되면 띄어쓰기를 고려해야하고 변수가 많아지면 식이 복잡해진다.

 

그래서 나온 게 탬플릿 문자열이다. ${}안에 변수명을 작성하면 된다.

var won = 1000;

const result = `이 과자는 ${won}웝입니다.`;

 

cf) tagged template literal

function(){} 내부에 함수 내용을 작성한 후, 

a(); 로 함수를 호출할 수 있다. 

하지만 다음과 같이 소괄호()말고 백틱`을 사용해 함수를 호출할 수도 있다.

a``;

이를 tagged template literal이라고 부른다.

 

객체 리터럴

최근 버전 js에서는 훨씬 간결한 문법으로 객체 리터럴을 표현 가능하다.

• 객체의 메서드에 :function을 붙이지 않아도 됨
• { sayNode: sayNode }와 같은 것을 { sayNode }로 축약 가능
• [변수+값] 등으로 동적 속성명을 객체 속성명으로 사용 가능

const newObject = {
	sayJS() {
    	console.log('JS');
    },
    sayNode,
    [es+6]: 'Fantastic',
};
newObject.sayNode(); //Node
newObject.sayJS(); //JS
console.log(newObject.ES6); //Fantastic