[JavaScript] 함수Language/JavaScript2021. 10. 8. 13:35
Table of Contents
JavaScript에서는 함수도 객체, 일종의 값
함수는 객체의 속성 값으로 담겨진 함수를 메소드
1
2
3
4
5
6
7
8
9
10
|
var process = [
function(input){ return input + 10;},
function(input){ return input * input;},
function(input){ return input / 2;}
];
var input = 1;
for(var i = 0; i < process.length; i++){
input = process[i](input);
}
alert(input);
|
cs |
이거에 대한 값은 뭘까? ➡️ drag ➡️ 60.5
비동기 콜백과 Ajax
더 디테일한 설명이 필요할 수 있으나, 가볍게 정보만 가져가지 위한 글을 적는다.
시간이 오래 걸리는 작업이 있을 때, 해당 작업이 끝났을 때, 미리 등록한 작업을 실행하도록 할 수 있다.
주소창은 변경하지 않고, 정보가 들어있는 걸 보여줄 수 있는 것들
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
// datasource.json.js
{"title":"JavaScript", "author" : "egoing"}
// demo1.html
<script type = " text/javascript">
$.get('./datasource.json.js',
function(result){
console.log(result);
}, 'json');
</script>
|
cs |
클로저
내부함수가 외부함수의 맥락에 접근할 수 있는 것
1
2
3
4
5
6
7
8
|
function outter(){
function inner(){
var title = 'coding everybody'; alert(title);
}
inner();
}
outter();
|
cs |
아래와 같은 코드 또한 위와 같은 코드랑 동일한 출력값을 내뱉는다.
1
2
3
4
5
6
7
8
|
function outter(){
var title = 'coding everybody';
function inner(){
alert(title);
}
inner();
}
outter();
|
cs |
'Language > JavaScript' 카테고리의 다른 글
[JavaScript] 객체지향, new 그리고 this (1) | 2021.10.09 |
---|---|
[JavaScript] arguments, apply (3) | 2021.10.09 |
[JavaScript] 정규표현식 (2) | 2021.10.07 |
[JavaScript] 객체 & 모듈 (1) | 2021.10.03 |
[JavaScript] 함수 & 배열 (0) | 2021.10.01 |
@jaewpark :: 코스모스, 봄보다는 늦을지언정 가을에 피어나다
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!