화살표 함수
-
ECMA6에 도입된 함수로 함수 표현식을 간소화한 함수
const func = () => { 실행 문장 };
const func = parameter => { 실행 문장 }; // 매개변수가 하나일 경우만 () 생략
const func = () => 실행문장; // 실행문장이 하나일 경우만 중괄호({}) 생략
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 화살표 함수
// * function 키워드 생략 / 매개변수가 1개일 경우 소괄호 생략 가능
// * {} 내 하나의 문장이며, 반환해야 하는 값인 경우 return과 {} 생략 가능
const func = () => {
console.log('화살표 함수 실행!');
}
const greet = () => {
console.log('안녕하세요. 저는 수강생입니다!');
}
greet();
const greet2 = (name) => {
console.log(`안녕하세요. 저는 ${name}입니다!`);
}
greet2('학생');
const greet3 = name => {
console.log(`안녕하세요. 저는 ${name}입니다!`);
}
greet3('운동선수');
const greet4 = (name) => {
return `안녕하세요. 저는 ${name}입니다!`;
}
console.log( greet4('교사'));
const greet5 = (name) => {
`안녕하세요. 저는 ${name}입니다!`;
}
console.log( greet5('연구원'));
func();
</script>
</body>
</html>
개발자