본문 바로가기
반응형

JavaScript18

[JavaScript] 타이머 API setTimeout(function, delay, arg) : 일정 시간 후에 함수를 실행 // 예시 1 : callback를 사용하여 setTimeout 실행 // setTimeout (callback, millisecond) setTimeout(function () { console.log('1초 후 실행'); }, 1000); // 123 (임의의 타이머 ID) // 예시 2 : callback 함수를 화살표함수 형태로 사용하여 setTimeout 실행 setTimeout( ()=> { console.log('1초 후 실행'); }, 1000); // 17 (임의의 타이머 ID) // 예시 3 : 함수명을 이용하여 setTimeout 실행 function timer() { console.log('1.. 2023. 3. 19.
[JavaScript] 배열 고차 함수 목차 배열 고차 함수 1. Array.prototype.sort 배열의 요소를 오름차순으로 정렬하는 메서드 1-1. 문자열 요소 정렬 예시 const fruits = ['Banana', 'Orange', 'Apple']; console.log(months.sort()); // ["Apple", "Banana", "Orange"] // 내림차순으로 정렬하고 싶다면? // reverse 메서드를 사용할 수 있다. const fruits = ['Banana', 'Orange', 'Apple']; console.log(fruits.sort().reverse()); // ["Orange", "Banana", "Apple"] 1-2. 숫자 요소 정렬 예시 const numbers = [1, 2, 10]; conso.. 2023. 3. 17.
[JavaScript] 스코프 예제로 이해하기 스코프(Scope) 유효 범위, 변수와 함수가 선언된 위치에 따라서 접근할 수 있는 범위 function add(x, y) { console.log(x, y); // 2 5 return x + y; } add(2, 5); // 매개변수 x와 y는 함수 내부에서만 참조할 수 있어, 외부에서는 참조 오류가 발생한다. console.log(x, y); // ReferenceError: x is not defined 스코프(Scope)의 구분 전역 스코프(Global Scope) 코드의 가장 바깥 영역 전연 변수 : 전역에서 선언된 변수로, 어디서든 참조될 수 있다. 지역 스코프(Local Scope) 함수 몸체 내부 지역 변수 : 지역에서 선언된 변수로, 자신의 지역 스코프와 하위 스코프에서 유효하다. var.. 2023. 3. 17.
[JavaScript] 클로저 (closure) 목차 클로저 (closure) 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다. 🧐 렉시컬 환경 (Lexical Environment) 식별자와 식별자에 바인딩된 값, 그리고 상위 스코프에 대한 참조를 기록하는 자료구조로 실행 컨텍스트를 구성하는 컴포넌트이다. function outerFunc() { const x = 10; const innerFunc = function () { console.log(x); }; return innerFunc; } /** * 함수 outerFunc를 호출하면 내부 함수 innerFunc가 반환된다. * 그리고 함수 outerFunc의 실행 컨텍스트는 소멸한다. */ const inner = outerFunc(); inner(); // 10 - outerFunc 함수는.. 2023. 3. 17.
반응형

티스토리툴바