익명 함수 (Anonymous Function)
- 함수 이름이 없는 함수
- 함수명 대신 변수명에 함수 코드를 저장해서 구현
- 변수명에 값을 대입하는 형식으로 맨 끝에 세미콜론 사용
- 함수 호출 시 변수명을 함수명처럼 사용
- 변수명 다르게 함수 코드 저장 가능 (여러 변수에 같은 코드 적용하여 사용 가능)
- 호이스팅 불가
- 콜백 함수로 주로 사용 (콜백함수 : 매개변수로 사용되는 함수. 함수 내부에서 실행되는 함수. 코드 간결화 위해 사용)
var 변수명 = function() { }
var start = function() {
함수 수행 문장;
};
예제
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript </title>
<script type="text/javascript">
// 익명 함수는 호이스팅 불가
/* sum(50, 40); */
// 익명 함수 : 변수명에 함수 코드 저장하여 함수 작성
var sum = function(a, b) {
document.write(a + b + "<br>");
};// 세미콜론 필수
// 함수 호출 시 변수명을 함수명처럼 사용
sum(10, 20);
// 다른 변수 add 이름으로 기존의 sum 함수 코드 저장해서 사용 가능
var add = sum;
add (100, 200); // add() 함수 호출
// sum() 함수 그대로 사용 가능
sum(1, 3);
</script>
</head>
<body>
</body>
</html>
'Frontend > Javascript' 카테고리의 다른 글
| 화살표함수 (0) | 2021.12.09 |
|---|---|
| 콜백 함수 (Callback Function) (0) | 2021.12.09 |
| 조건문 문자 비교 (0) | 2021.12.09 |
| 함수의 개념 / 함수 선언문과 함수 표현식 (0) | 2021.12.08 |
| 배열 (0) | 2021.12.08 |
