yohanistory

예) var obj = { name: 'yohan' }; function Hello() { console.log(`Hello, ${this.name}`); } Hello(); // 출력 : Hello var Hello2 = Hello.bind(obj); Hello2(); // 출력 : Hello, yohan

유효범위(Scope) 변수나 함수는 이름을 부여하여 의미를 갖게 됩니다. 만약 이름이 없다면, 변수나 함수는 그저 하나의 메모리 주소에 지나지 않습니다. 그래서 "이름:값"의 대응표를 만들어 사용합니다. 이 대응표의 이름을 가지고 값을 저장하고 가져와 사용합니다. 이 대응표의 충돌을 막기 위해 유효범위(Scope)라는 규칙을 만들어 사용하게 됩니다. 자바스크립트 또한 스코프 규칙을 가지고 있는데, 자바스크립트(ES6)는 함수 레벨, 블록 레벨의 렉시컬 스코프 규칙을 따릅니다. 1. 함수 레벨 스코프 (Function Level Scope) 자바스크립트에서 var 키워드로 선언된 변수나, 함수 선언식으로 만들어진 함수는 함수 레벨 스코프를 갖습니다. 즉 함수 내부 전체에서 유효한 값을 가지게 됩니다. fu..

즉시 실행 함수 정의와 동시에 실행되는 함수 즉시 실행 함수의 특징 한 번의 실행만 필요로 하는 초기화 부분에 주로 사용된다. 전역 변수를 만들지 않아도 되게 하기 때문에 코드 충돌 없이 구현이 가능하게 한다. 작성 예 기명 함수 형태 (function square(x) { console.log(x*x); })(2); (function square(x) { console.log(x*x); }(2)); 익명 함수 형태 (function (x) { console.log(x*x); })(2); (function (x) { console.log(x*x); }(2)); 함수 표현식 (mySquare = function (x) { console.log(x*x); })(2); // default value mySqu..

요약 window.onload 와 $(document).ready() 중에 어느 한 쪽이 좋다고 할 수 없다. window.onload 는 페이지의 모든 요소들이 로드된 이후에 호출되며, $(document).ready() 는 DOM 요소들만 로드되면 호출된다. window.onload 는 한 페이지에 하나의 함수만 호출되지만, $(document).ready() 는 모두 호출된다. window.onload Javascript로 페이지 로드 시 자동으로 실행되는 함수를 구현하려면 전역 콜백함수인 window.onload 함수를 사용하면 된다. 2017.07.19 - [분류 전체보기] - Javascript | 전역 콜백 함수 Javascript | 전역 콜백 함수 전역 콜백 함수 자바스크립트는 특수한 글..