템플릿 문자열 객체 리터럴

let year = 2024;

let result = "올해는" + year + "년입니다.";

console.log(result);

 

위와 같이 코딩을 하면 결과는 아래와 같습니다.

올해는2024년입니다.

 

띄어쓰기가 안 되었기 때문에 아래와 같이 수정을 해야 합니다.

let year = 2024;

let result = "올해는 " + year + "년 입니다.";

console.log(result);

결과는 아래와 같습니다. 

올해는 2024년 입니다.

 

const result2 = `올해는 ${year}년 입니다.`;

console.log(result2);

최신 문법에서는 바뀌어서 위와 같이 사용 가능합니다.

변수를 ${} 로 감싸주면 됩니다.

띄어쓰기 할 때도  보기 좋게 바뀌었습니다.

``를 빽틱 문자열 , 템플릿 문자열이라고 부릅니다. 

 

객체 리터럴

>> 훨씬 간결한 문법으로 객체 리터럴 표현 가능

  - 객체의 메서드에 :function을 붙이지 않아도 됩니다.

  - { sayNode : sayNode } 와 같은 것을 { sayNode }로 축약 가능합니다.

const sayNode = function () {

  console.log("Node");

};

const es = "ES";

const newObject = {

  sayJS() {

    console.log("JS");

  },

  sayNode,

  [es + 6]: "Fantastic",

};

newObject.sayNode(); // 실행결과 : Node

newObject.sayJS(); // 실행결과 : JS

console.log(newObject.ES6); // 실행결과 : Fantastic