ES5 함수와 ES6 화살표 함수를 비교하면서 알아보겠습니다.
사용 예시
ES6에서는 function을 쓰지 않고 => arrow를 쓰며 변수를 선언하는 것을 알 수 있습니다.
ES6의 장점 중 하나가 template literal입니다.
back tick (` `)
으로 string을 감쌀 수 있고 그 안에 변수를 넣어서 표현할 수 있습니다.
const hi =`안녕하세요. 저는 ${name} 입니다.`
;
또한 이전(따옴표(''))시절과 다르게 개행 처리를 합니다.
사용예시
let detail = `자세히
보아야
예쁘다
더 써보자..`;
console.log(detail);
이전에는 string에서 특정 string을 찾기 위해서 indexOf를 사용했습니다.
그런데 3가지 메서드(method)가 생겼습니다.
1) startsWith
2) endsWith
3) includes
const email = 'hi12345@gmail.com';
console.log(email.startsWith('hi'));
console.log(email.endsWith('com'));
console.log(email.includes('@gmail'));
Assignment
const handleEdit = (nickname, interests) => {
let result = {};
result.nickname = nickname;
result.interests = interests;
result.bio = `제 이름은 ${nickname}입니다. 제 취미는 ${interests}입니다.`
;
return result;
}
handleEdit(nickname, interests);