13. 화살표 함수
2024. 11. 2. 14:50ㆍ자바스크립트(Javascript)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>화살표 함수</title>
</head>
<body>
<!--
화살표 함수 : 함수를 간결하게 작성할 수 있는 새로운 함수 표현식
-->
<script>
const func1 = () => console.log(`안녕하세요 자바스크립트`) // 안녕하세요 자바스크립트
func1()
const func2 = num => num * num
let result = func2(10)
console.log(result) // 100
const func3 = (start, end) => {
let sum = 0
for (let i=start; i<=end; i++){
sum += i
}
return sum
}
result = func3(1, 100)
console.log(result) // 5050
//콜백 함수 활용하기
const calc_add = (a,b) => a + b
const calc_multiply = (a,b) => a * b
function calculater(num1, num2, action){
if(num1 < 0 || num2 < 0) return;
const result = action(num1, num2)
return result
}
calculater(10, 3, calc_add)
calculater(10, 3, calc_multiply)
</script>
</body>
</html>728x90
LIST
'자바스크립트(Javascript)' 카테고리의 다른 글
| 15. 클래스 (3) | 2024.11.02 |
|---|---|
| 14. 객체 (0) | 2024.11.02 |
| 12. 함수 (0) | 2024.11.02 |
| 11. 배열과 반복문 (2) | 2024.11.02 |
| 10. 배열 (2) | 2024.11.01 |