본문 바로가기

Java Script22

JS - 클로저 1. 클로저 MDN 의 클로저 정의 : 함수와 함수가 선언된 어휘적 환경의 조합을 말한다. 이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다. JS 는 함수가 호출되는 환경과 별개로, 기존에 선언되어 있던 환경 '어휘적 환경'을 기준으로 변수를 조회하려 한다. 외부함수의 컨텍스트에 접근할 수 있는 내부함수 const adder = x => y => x + y; adder(5)(7); // 12 를 return 한다. // 위의 화살표 함수를 함수 표현식으로 만들어보면 const adder = function (x) { return function (y) { return x + y; }// adder 함수 안에 있는 익명 함수를 클로저 함수라고 부를 수 있다. } -----.. 2021. 4. 22.
JS - 스코프 1. 스코프 ** JS 에서도 스코프는 '범위'의 의미를 가지고 있다. 더 자세하게는 '변수의 유효범위'로 사용된다. ** ----------------------------------------------------------------------------------- 2. 변수 접근 규칙에 따른 유효 범위 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만 반대는 불가능하다. 스코프는 중첩이 가능하다. 가장 바깥의 스코프는 전역 스코프( Global Scope )라고 부른다. 전역이 아닌 다른 스코프는 전부 지역 스코프( Local Scope )라고 부른다. 지역 변수는 전역 변수보다 높은 순위를 가지게 된다. // 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만 반대는 불가능 let x = 3.. 2021. 4. 22.
JS - 객체 ( object ) 1. 객체 선언 방식 let user = { firstName: 'Steve', lastName: 'Lee' }; // 앞의 firstName 부분을 키( key )라고 부르고, 콜론(:) 뒤에 있는 것이 값( value )이다. ----------------------------------------------------------------------------------- 2. 값 사용 방식 user.firstName; // 'Steve' 가 나온다. 이렇게 점(.)을 사용하는 방법을 Dot notation 이라고 부른다. user['lastName']; // 'Lee' 가 나온다. 위 코드의 방식을 Bracket notation 이라고 부른다. ** 위의 Bracket notation 방식을 사용.. 2021. 4. 19.
JS - 배열( Array ) 1. 배열 대량의 데이터를 다루기에 적합하게 제작된 데이터 타입인 배열과 객체를 참조 타입( Reference Type )데이터라고 한다. 참조 타입 데이터는 이전에 학습한 원시 타입( 숫자, string, boolean, undefined 등) 데이터와 다른 성격을 가진다. 배열은 순서가 있는 값을 의미한다. 이 값을 요소( element )라고 부른다. 순서는 인덱스( index )라고 부르고, 1 이 아닌 0 부터 번호를 매긴다. ----------------------------------------------------------------------------------- 2. 배열의 선언 방식 let numbers = [ 73, 98, 86, 61, 96 ]; // 대괄호를 이용해서 배열을 .. 2021. 4. 19.