728x90

함수(화살표 함수)

화살표 함수 

-ES6에 추가된 함수 내용으로 => 를 이용하는 함수 입니다.

var compute = function(a,b){
return a+b;
}
이게 이런식으로 바뀜니다.
var compute=(a,b)=>a+b;


var comput= fucntion(a,b){
 
 var avg=(a+b)/2;
 return avg;
}

이렇게 바뀜니다.
var compute(a,b)=>{
var avg(a+b)/2;
return avg;
}

단일 명령문일 경우{} 를 생략할 수 있습니다. 
스크립트 사용에 많은 변화를 줄 함수입니다.

 

즉시실행 함수

(function(){

 

})

즉시 실행 함수- 함수 표현(function expression)은 함수를 정의하고 ,Or 변수에 함수를 저장하고 실행하는 과정을 거칩니다.

하지만 즉시 실행 함수는 함수를 정의하고 바로 실행하여 이러한 과정을 거치지 않는 특징이 있습니다.

함수를 정의하자마자 바로 호출하는것을 즉시 실행함수라고 합니다.

 

사용이유?

페이지 시작시 호출할 함수를 기술합니다.

 


전역변수(global) 지역변수(local)

변수 범위 변수 선언 특징
함수 레벨 스코프 var 변수의 중복선언 가능
유일하게 함수 블록{} 내부에서 지역변수가 존재
블록 레벨 스코프 let 같은 블록{} 에서는 이미 선언한 변수를 중복 선언 불가 블록{}, 제어문 블록{} 에서도 지역변수가 존재

 

728x90

'Language > JavaScript' 카테고리의 다른 글

DOM and BOM  (0) 2022.03.02
JS - 간단한 요소 선택  (0) 2022.02.24
JS -이벤트 핸들러  (0) 2022.02.23
JavaScript-기본 2(함수)  (0) 2022.02.23
JavaScript 기초 1장  (0) 2022.02.21
복사했습니다!