화살표 함수
: 기존의 익명함수 좀 더 쓰기 편하게 축약한 형태
: 내부로 전달되는 파라미터가 하나면 괄호는 생략가능
: 코드블록안에서 실행되는 코드가 한 줄이면 코드블록 생략가능
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function plus(num1, num2) {
const result = num1+num2;
console.log(result);
return result;
}
// 익명함수로
const plus = function (num1, num2) {
const result = num1+num2;
console.log(result);
return result;
}
// 화살표 함수로
const plus = (num1, num2) => {
const result = num1+num2;
console.log(result);
return result;
}
const total = plus(3,5);
console.log(total);
// 내부로 전달되는 파라미터가 하나면 괄호는 생략가능
const abc = (txt) =>{
console.log(txt);
}
const abc = txt =>{
console.log(txt);
}
// 코드블록안에서 실행되는 코드가 한 줄이면 코드블록 생략가능
const abc = txt => console.log(txt);
</script>
</body>
</html>'javascript' 카테고리의 다른 글
| selector expression (0) | 2022.07.22 |
|---|---|
| 객체지향 프로그래밍 (0) | 2022.06.23 |
| 호이스팅 (0) | 2022.06.22 |
| location (0) | 2022.06.22 |
| navigator (0) | 2022.06.22 |
