타쿠꺼

123456789101112function outFunc() { var innerVar = 1; var innerFunc = function() { console.log(innerVar); }; return innerFunc;} var foo = outFunc();foo(); // 1cs 위와 같이 생명주기가 끝난 함수를 참조하는 내부함수(innerFunc)을 클로저라고 한다.innerFunc의 외부함수인 outFunc의 변수도 참조할 수 있다.123456789101112131415161718function outFunc(bar) { var innerFunc = function(var1, var2) { var sum = bar + (var1 - var2); return sum; }; return inne..

1. 실행 컨텍스트를 만든다.2. 변수 객체를 생성 - argumetns객체 생성 - 스코프 정보 생성 - 변수들 생성(이름만 생성. 값은 undefined) - this 바인딩3. 표현식 코드들의 실행 여기서 실행 컨텍스트는 대개 { } 로 구분되어 있는 것들을 뜻하는데, for문, if문 등도 컨텍스트로 나누는 언어도 있으나 자바스크립트에서는 오직 함수만이 실행 컨텍스트로 나눈다.

자바스크립트는 정적스코프 언어이다. 동적스코프는 함수를 호출하는 시점에서 스코프의 범위가 정해지고, 정적스코프는 함수를 작성하는 시점에서 스코프의 범위가 정해진다.함수를 작성하는 시점에서 스코프의 범위가 정해진다는 뜻을 더 명확히 하자면.. 1. 실행 컨텍스트가 생성되면 해당 컨텍스트의 변수객체에 있는 함수객체들이 생성된다.2. 이 때 함수객체들의 스코프 범위는 본인이 속해있는 컨텍스트의 스코프의 범위를 참조한다. 3. 함수가 실행되면, 함수 본인의 실행 컨텍스트를 만들고 자신이 참조하고 있던 스코프의 범위를 복사한다.4. 그 다음, 본인의 실행 컨텍스트 범위의 변수객체를 스택구조로 기존에 복사한 스코프보다 윗쪽에 배정한다. 따라서 함수객체가 포함된 컨텍스트의 위치가 스코프를 결정짓기 때문에, 만약 아래..

var foo = new Date() : date객체를 반환한다. foo.getHours() : 현재 시 반환foo.getMinutes() : 현재 분 반환foo.getSeconds() : 현재 초 반환

removeClass() 에서 매개변수로 아무것도 안넘기면 모든 class를 제거함. 이벤트리스너는 한번만 등록하면 계속 유효함. 현업에서 프론트단에 id를 사용하는것은 지양하는 추세라고 한다.. class만을 사용하도록 하자. - 이는 웹퍼블리셔와 웹디자이너의 작업이 양분화 되어 있는 경우라고 한다. 웹퍼블리셔들이 id를 많이 사용하기 때문에, css를 설정하는 웹디자이너는 id 사용을 지양해야 한다고 한다. 만약 혼자서 디자인하고 코딩까지 다 하면 신경쓸 필요 없는 대목이다.

elem:nth-child(n) elem을 선택하는데, 부모컨테이너에서 모든 자식요소 중 n번째에 있는 elem을 선택한다.n이 odd이면 부모컨테이너에서 홀수번째에 있는 elem, n이 even이면 짝수번째에 있는 elem이 선택된다.n을 3n+1과 같이 사용하면 n=0, 1, 2... 인 경우의 1, 4, 7... 번째에 있는 elem이 선택된다. 12