[Study/JavaScript] 템플릿 문자열 / null / undefined

SoShy·2023년 11월 28일

JavaScript_Study

목록 보기
6/36
post-thumbnail

🥕 템플릿 문자열 (Template String)

  • 문자열에 변수를 포함시킬때 좀 더 직관적이고 편하게 사용하기 위한 기능
let year = 2018;
let month = 3;
let day = 11;

console.log(`생년월일은 ${year}${month}${day}일 입니다.`);
.
.
.
>>> 생년월일은 2018311일 입니다.
let myNumber = 3;

function getTwice(x) {
  return x * 2;
};

console.log(`${myNumber}의 두 배는 ${getTwice(myNumber)}입니다.`);
.
.
.
>>> 3의 두 배는 6입니다.

🥕 null vs. undefined

  • 둘 다, JS에서 값이 없다라는 의미를 가지고 있는 자료형

  • null: '값이 없다'는 것을 의도적으로 표현할 때 사용
  • undefined : 코드를 실행하면서 '값이 없다'라는 것을 확인할 수 있는 것
    - 선언을 한 후, 값을 정해주지 않았다는 의미

let soshy;

console.log(soshy);
.
.
.
>>> undefined
let soshy = null;

console.log(soshy);
.
.
.
>>> null
function sayHello(name) {
  console.log(`안녕하세요 ${name}님!`);
};

sayHello('소샤이');
sayHello();
.
.
.
>>> 안녕하세요 소샤이님!
  	안녕하세요 undefined!

  • nullundefined는 다른 값이라는 것 기억
console.log(null == undefined);
console.log(null === undefined);
.
.
.
>>> true
	false

  • 아래와 같이, 변수에 undefined 값을 할당 가능하긴 하지만, 혼동이 발생할 수 있기 때문에 사용하지 않음.
let codeit = undefined;
.
console.log(codeit);
.
.
.
>> undefined
profile
프론트엔드 개발자가 되기 위해 노력 중인 새싹🌱 입니다.

0개의 댓글