웹/Javascript(ES6+)(8)
-
화살표 함수(Arrow Function)
화살표 함수(Arrow Function) 특징 간결해진 코드 작성 콜백 함수에서의 컨텍스트 1. 간결해진 코드 작성 익명 함수를 표현 할 때 간단하게 표현 예제) // ES5 function Test(x) { return x * x; }; var arr = [1, 2, 3]; var Test2 = arr.map(function (x) { return x * x; }); // ES6+ const Test = (x) => x * x ; const arr = [1, 2, 3]; const Test2 = arr.map(x => x * x); 2. 콜백 함수에서의 컨텍스트 콜백함수로 실행될 때 기존의 익명 함수는 글로벌 컨텍스트에 접근 화살표 함수의 경우 콜백 함수를 할당한 당시의 컨텍스트를 그대로 활용 객체지향..
2020.04.07 -
키워드 var, let, const 차이점
키워드 var, let, const 차이점 1. 변수의 유효 범위 함수 레벨 스코프(Function-level Scope) 함수의 코드 블럭만을 스코프로 인정 전역 함수 외부에서 생성한 변수는 모두 전역 변수 for 문의 변수 선언문에서 선언한 변수를 for 문의 코드 블록 외부에서 참조 가능 블럭 레벨 스코프 (Block-level Scope) 모든 코드 블럭(function, if, for, while, try/catch 등) 내에서 선언된 변수는 코드 블럭 내에서만 유효 블럭 외부에서는 참조 못함 코드 블럭 내부에서 선언한 변수는 지역 변수 키워드 VAR ES6 이전에 사용하던 변수 함수 레벨 스코프(Function-level Scope) 키워드 LET ES6 이후에 나온 변수 블럭 레벨 스코프(B..
2020.04.07