#19. arrow function, template literals, string method

1528 단어 ES6ES6

1. arrow function

ES5 함수와 ES6 화살표 함수를 비교하면서 알아보겠습니다.
사용 예시


ES6에서는 function을 쓰지 않고 => arrow를 쓰며 변수를 선언하는 것을 알 수 있습니다.

ES6의 장점 중 하나가 template literal입니다.

2. template literals

back tick (` `)으로 string을 감쌀 수 있고 그 안에 변수를 넣어서 표현할 수 있습니다.
const hi =`안녕하세요. 저는 ${name} 입니다.`;

또한 이전(따옴표(''))시절과 다르게 개행 처리를 합니다.
사용예시

let detail = `자세히
보아야
예쁘다


더 써보자..`;
console.log(detail);

3. string method

이전에는 string에서 특정 string을 찾기 위해서 indexOf를 사용했습니다.
그런데 3가지 메서드(method)가 생겼습니다.
1) startsWith
2) endsWith
3) includes
const email = '[email protected]';

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);

좋은 웹페이지 즐겨찾기