[ES6+] 기본값

기본 자바스크립트에서 기본값을 정해주지 않으면 당연히 undefined이 뜬다

function sayHi(name){
	return "hi" + name;
}
console.log(sayHi("sora"));
//hi sora

console.log(sayHi())
//hi undefined

그래서 undefined이 뜨지 않도록 기본값을 정해주는 법이 있다.

아래 코드처럼..

function sayHi(name){
	return "hi" + (name || "default");
}
console.log(sayHi());
//hi default

버뜨.. 니꼬는 위 코드도 맘에 안든댄다(난 보고 우와… 했는데ㅋㅋㅋㅋㅋ)

그러나 밑의 코드를 보니 왜 맘에 안든다고 했는지 알겠음ㅋㅋㅋㅋㅋ

매개변수를 받는곳에 기본값을 정해주는 방법이다. 기본 자바스크립트에도 사용할 수 있다!

function sayHi(name = "default"){
	return "hi" + name;
}
console.log(sayHi());
//hi default

하지만 이걸 더 간단하게 화살표함수를 이용해서 사용한다면?????

아래의 코드처럼 적어준다

세상에마상에 코드줄 짧아진것좀 보소

이래서 화살표함수 쓴다니까…

const sayHi = (name = "default") => "hi" + name;
console.log(sayHi());
//hi default

만약 문자열대신 변수/배열을 넣고싶으면 같은 방법으로 넣어주면 된다

const phone = "iphone"
const sayHi = (name = phone) => "hi" + name;
console.log(sayHi());
//hi iphone

변수도 상관없고 배열도 상관없다.

단지 원하는 값만 만들어서 넣어주면 된다는 말씀!

짱신기!

노마드코더의 ‘ES6의 정석’을 듣고 정리 =)

Share this post