본문 바로가기

분류 전체보기53

setTimeout /setInterval setTimeout 일정 시간이 지난 후 함수를 실행 setInterval 일정 시간 간격으로 함수를 반복 function fn() { console.log(3); } setTimeout(fn, 3000); setTimeout(() => { console.log(3); }, 3000); const tid = function showName(name) { console.log(name); }; setTimeout(showName, 3000, "Mike"); clearTimeout(tid); // 3초가 지나기 전에 이 코드가 실행되어 아무것도 일어나지않는다 setInterval function showName(name) { console.log(name); } const tid = setInterval(s.. 2021. 7. 12.
어휘적 환경(Lexical Environment) 클로저 어휘적 환경(Lexical Environment) closeure 클로저 함수와 렉시컬 환경의 조합 함수가 생성될떄 당시의 외부 변수를 기억 생성 이후에도 계속 접근 가능 let one; one = 1; function addOne(num) { console.log(one + num); // } addOne(5); //6 내부Lexical 환경 one = 1 // addOne : function 전역Lexical 환경 num = 5 ----------------------------------------------- function makeAdder(x) { return function (y) { return x + y; }; } // 5 const add3 = makeAdder(3); // x cons.. 2021. 7. 12.
나머지 매개변수, 전개구문 / (Rest parameters, Spread syntax) 나머지 매개변수, 전개구문 (Rest parameters, Spread syntax) ... 인수전달 function showname(name) { console.log(name); } showname("Mike"); // 'Mike' showname("Mike", "Tom"); // '? showName(); // undefined arguments 1. 함수로 넘어 온 모든 인수에 접근 2. 한수내에서 이용 가능한 지역 변수 3. length / index 4. array 형태의 객체 5. 배열의 내장 메서드 없음 (forEach, map) function showname(name) { console.log(arguments.length); console.log(arguments[0]); consol.. 2021. 7. 12.
구조 분해 할당 (Destructuring assignment) 구조 분해 할당 구문은 배열이나 객체의 속성읇 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 let [x, y] = [1, 2]; // x = 1, y = 2 let users = ["Mike", "Tom", "jane"]; let [user1, user2, user3] = users; user1 === users[0]; user2 === users[1]; user3 === users[2]; let str = "Mike-Tom-Jane"; let [user1, user2, user3] = str.split("-"); // ["Mike", "Tom", "jane"] 각각 할당된다 let [a, b, c] = [1, 2]; a = 1; b = 2; c = undefined; let [a = 3, b =.. 2021. 7. 12.
배열 메소드 2 배열메소드 2 arr.sort() 배열재정렬 . 배열 자체가 재정렬 (문자열,숫자열도 가능) let arr = [1, 5, 3, 4, 2]; arr.sort(); // [1,2,3,4,5] let arr = [27, 8, 5, 13]; arr.sort(); // [14, 37, 5, 8] 숫자열을 문자열로 취금하여 이러하게 나온다 function fn(a, b) { return a - b; } arr.sort(); // [14, 37, 5, 8] 숫자열을 문자열로 취금하여 이러하게 나온다 arr.sort(fn); // [5, 8, 14, 37] 숫자열을 문자열로 취금하여 이러하게 나온다 Lodash 라는 라이브러리를 사용하여 위에 잡업을 편하게 할수있다 _.sortBy(arr) https://lodash.. 2021. 7. 12.
배열 메소드 Array 배열 배열의 메소드 push() : 뒤에삽입 pop() : 뒤에 삭제 unshift() : 앞에 삽입 shift() : 앞에 삭제 arr.splice(n, m) 특정 요소 지움 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); console.log(arr); // [1,4,5] arr.splice(n, m, x) 특정 요소 지우고 추가 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 3, 100, 200); console.log(arr); // [1, 100, 200, 5] let arr = [1, 2, 3]; arr.splice(1, 0, 7, 8); // [1, 7, 8, 2, 3] arr.splice(n, m, x) 삭제된 요소 반환.. 2021. 7. 12.