this (2) 썸네일형 리스트형 ES6 화살표 함수(arrow function)를 배우기 전 자바스크립트 this 이해하기 ES6 arrow function 배우기 전 자바스크립트 this 이해하기 ES6 arrow function을 배우기 전 이해를 돕기 위해 자바스크립트의 this 에 대해서 간단하게 정리한다.JAVA같은 언어에서 this는 클래스로부터 생성되는 인스턴스 객체를 의미한다.다른 의미를 가질 염려가 없어서 혼란이 생기지 않는다.자바스크립트에서는 this는 함수의 현재 실행 문맥(context)이다.자바 스크립트에서는 4가지의 함수 실행 타입이 존재한다.1. 함수 실행 alert('hello world');2. 메소드 실행 console.log('hello world');3. 생성자 실행 new Sample();4. 간접 실행 alert.call(undefined, 'hello world');각 타입은 서로 다.. React 바인딩(이벤트/메서드 연결) 자바스크립트에서 바인딩 (Javascript Binding) 결론부터 이야기하면 key point는 자바스크립트에서 "this"에 대한 이해가 완벽히 되어있어야 한다.리액트 바인딩을 알아보기 전 자바스크립트에서 바인딩을 알아본다.자바스크립트에서 객체안의 메서드에서 this는 그 메서드가 포함된 object를 가리키게 된다. 12345678var obj = { prop: 'Hello', sayHello: function() { console.log( this.prop ); }}; obj.sayHello(); //"Hello" 즉, 위의 예제에서 sayHello 메서드안의 this는 obj객체가 되어 obj.prop인 Hello를 전달받아 콘솔 로그를 찍는다.obj의 sayHello()를 다르게 출력해보면 .. 이전 1 다음
