Language/JavaScript

[JavaScript] 함수

jaewpark 2021. 10. 8. 13:35

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