'JavaScript' 카테고리의 글 목록 (2 Page)::고군분투 개발 공부

JavaScript (12)

JavaScript 2022-12-13 12:16:16

1.

function sayHello(name){
  let newName = name || 'friend';
  let msg = `Hello, ${newName}`;
  console.log(msg);
}

sayHello();
sayHello('Judite');

2.

function sayHello(name='friend'){
  let msg = `Hello, ${name}`;
  console.log(msg);
}

sayHello();
sayHello('Judite');

<출력결과>

Hello, friend

Hello, Judite

(동일)

JavaScript 2022-12-12 21:37:25

템플릿 리터럴

백틱(``) : ES6부터 새롭게 적용된 문자열 표기법 -> 큰 따옴표("")가 아닌 백틱(``)을 사용해서 문자열을 표기한다.

var str="Hello World"; //일반 문자열 표기법
var templateStr=`Hello World"` //템플릿 문자열 표기법

console.log(str);
console.log(templateStr);

<출력 결과>

Hello World

(동일함)

템플릿 리터럴을 사용하면 개행문자(`\n`) 없이도 개행을 수행할 수 있다.

//일반 문자열 방식 줄바꿈
var normalStr="Hello!\nJS";
console.log(normalStr);

//템플릿 리터럴 방식 줄바꿈
var templateStr=`Hello
JS`;
console.log(templateStr);

<출력결과>

Hello

JS

Hello

JS

(동일함)

템플릿 리터럴의 백틱(``)안에 달러 기호 ${}를 사용하면 변수나 표현식을 표현할 수 있다.

var num=7;
var str="KOFE from ";
var templateStr=`Hello, I'm ${str}${num}.`

console.log(templateStr);

<출력결과>

Hello, I'm KOFE from 7.