반응형
개요
1. 함수의 선언식
함수 이름을 정의하여 생성하는 식
function a() {
console.log("hello");
}
2. 함수의 표현식
변수에 함수를 저장하여 생성하는 식 (무명함수)
let b = function() {
console.log("hello2");
}
3. 화살표 함수
변수에 함수를 저장하나 화살표를 사용하여 함수를 생성하는 식 (무명함수)
let c = () => {
console.log("hello3");
}
매개 변수 전달도 가능하다.
let a = (a, b) => {
console.log(a + b);
}
a(1, 3);
return 또한 가능하다.
let b = (a, b) => {
return a + b;
}
let sum = b(3, 4);
console.log(sum);
함수의 길이를 줄이는 방법들
// return 만 실행하는 함수인 경우, return 생략 가능하다.
let c = () => {a + 1};
// {} 중괄호도 생략 가능하다.
let d = () => a + 1;
// 전달 값이 하나인 경우, () 소괄호 생략 가능.
let e = a => a + 1;
자바스크립트에서는 대부분의 상황에서 화살표 함수를 사용한다.
예제
1. 제곱을 리턴하는 화살표 함수
코드
<!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>
const go = (number) => {
return number * number;
}
console.log(go(3));
console.log(go(10));
</script>
</body>
</html>
출력
728x90
반응형
'웹(WEB) > 자바스크립트(JS)' 카테고리의 다른 글
| 자바스크립트 Array의 순회 메서드 (0) | 2024.08.06 |
|---|---|
| 자바스크립트 객체 지향(프로토타입, 클래스) (0) | 2024.08.05 |
| 자바스크립트 Spread, Rest (0) | 2024.08.05 |
| 자바스크립트 백틱 `` (0) | 2024.08.05 |
| 자바스크립트 긍정/부정의 의미 (0) | 2024.08.05 |