CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
선언적 함수/익명 함수, ;(세미콜론) 사용 학습 내용
-
언적 함수: 호출하면 동작
- 인자 없는 함수 호출
- 인자 있는 함수 호출
- 인자 있는 함수 호출하여 연산된 값 반환
-
익명 함수
- 인자 없는 익명함수 호출
- 익명 함수 매개변수 대입
- 익명 함수 매개변수 전달 후 반환되는 값 출력
;(세미콜론) 사용
선언적 함수 생성시에는 세미콜론을 붙이지 않지만
함수 표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다.
소스 코드
<html>
<head>
<meta charset="UTF-8">
<title>함수</title>
<script type="text/javascript">
document.write('인자 없는 함수 호출 ================<br>');
//선언적 함수
function check1(){
document.write('호출하면 동작됨<br>');
}
//함수 호출
check1();
document.write('<br>인자 있는 함수 호출 ================<br>');
//인자 전달하여 함수 호출
function check2(msg){
document.write(msg + '를(을) 좋아합니다.<br>');
}
//함수 호출
check2('사과');
document.write('<br>인자 있는 함수 호출하여 연산된 값 반환 ================<br>');
function check3(num){
return num * num;
}
//함수 호출
var number = check3(10);
document.write('number = ' + number + '<br>');
//익명 함수: 함수명이 없으며 함수를 변수명인 것 처럼 사용하는 기법
document.write('<br>익명 함수 ================<br>');
var fruit1 = function (){
document.write('과일을 좋아합니다~<br>');
};
//함수 호출
fruit1();
document.write('<br>익명 함수 매개변수 대입 ================<br>');
var fruit2 = function(item){
document.write(item + '을 너무 좋아합니다~<br>');
};
//함수 호출
fruit2('파인애플');
document.write('<br>익명 함수 매개변수 전달 후 반환되는 값 출력 ================<br>');
var fruit3 = function(x, y){
return x + y;
};
//함수호출
var result = fruit3(3, 7);
document.write('result = ' + result +'<br>');
</script>
</head>
<body>
</body>
</html>
출력결과
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| 익명 함수 생성 (함수 표현식 방식) (0) | 2022.01.30 |
|---|---|
| function() 생성자 함수를 통한 함수 생성 (0) | 2022.01.28 |
| 즉시 실행 함수 (immediate funtions) (0) | 2022.01.24 |
| 콜백함수 (callback function) (0) | 2022.01.24 |
| 자바스크립트 내장 함수 (0) | 2022.01.22 |