일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 산책
- 1일 1단어
- 신혼
- 1일 1독서
- 영어공부
- 업무
- 재택근무
- 결혼
- 초코맘
- effect
- css
- animation
- 용산아이파크몰
- 영어 회화
- javascript
- 출산휴가
- HTML
- 1일 1영어회화
- 영어회화
- 신혼생활
- 1일 1패턴
- 달리기
- 스타일 가이드
- 자바스크립트 스타일 가이드
- event
- 청첩장
- 설날
- 가을
- 예비맘
- 결혼준비
- Today
- Total
코딩물고기
[J] JavaScript & jQuery 공부하기 #10 본문
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.
12. 익명 함수
* 익명 함수
- function () {} 형태로 정의하고, 이름을 가지고 있지 않다.
- 이름이 없으므로 변수에 할당하여 사용하거나 함수의 인자로 사용한다
* 익명 함수의 정의
< script type="text/javascript">
var 변수명 = function(인수1, 인수2){
//함수 내용
}
</ script>
* 함수의 사용
- 익명 함수 또한 재사용이 가능하다.
* 익명 함수와 선언적 함수의 차이점
- 선언적 함수는 다른 JavaScript 코드를 실행하기 전에 먼저 로딩이 된다.
< script type="text/javascript">
//선언적 함수 - 실행
func();
function func(){
document.writeIn('실행');
}
//익명 함수 - 실행 되지 않는다
func();
var func = function{
document.writeIn('실행');
}
</ script>
* 익명 함수의 사용 예
- 사각형의 부피 출력
< script type="text/javascript">
var getSquareVolumn = function(bottom, height){
return bottom * height;
}
document.writeIn('사각형의 부피 = ' + getSquareVolumn(5,3));
- 결과 : 사각형의 부피 = 15
</ script>
- 직육면체의 부피 출력
< script type="text/javascript">
var getCubeVolume = function (bottom, height, depth){
return bottom * height * depth;
}
var bottom = 5;
var height = 3;
var depth = 6;
document.writeIn('직육면체의 부피' + getCubeVolume(bottom, height, depth));
- 결과 : 직육면체의 부피 = 90
</ script>
'코딩물고기의 IT월드' 카테고리의 다른 글
[J] JavaScript & jQuery 공부하기 #12 (0) | 2019.04.03 |
---|---|
[J] JavaScript & jQuery 공부하기 #11 (0) | 2019.04.03 |
[J] JavaScript & jQuery 공부하기 #9 (0) | 2019.04.03 |
[J] JavaScript & jQuery 공부하기 #8 (0) | 2019.04.02 |
[J] JavaScript & jQuery 공부하기 #7 (0) | 2019.04.02 |