본문 바로가기

javascript this2

[ 모던 자바스크립트 스터디 ] 클래스 자바스크립트의 클래스는 함수이며, 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 보여지게하는 문법적 설탕이다. 클래스와 생성자 함수와의 차이점을 몇가지 정리해보자. 클래스는 new 연산자 없이 호출할 수 없음 클래스는 extends 와 super 연산자 제공함 클래스는 호이스팅이 발생하지 않는 것처럼 동작함 클래스 내부 모든 코드는 strict mode 가 지정되어 실행됨 클래스의 constructor, 프로토타입 메서드, 정적 메서드는 모두 프로퍼티 어트리뷰트 [[Enumerable]] 값이 false임 생성자 함수와 클래스는 프로토타입 기반의 객체지향을 구현했다는 공통점이 있지만, 클래스는 생성자 함수 기반 객체 생성방식 보다 견고하고 명료하다. 그렇기에 이 책에서는 클래스를 새로운 객체 생성 매.. 2022. 10. 14.
[ JavaScript ] 자바스크립트 바인딩과 this | 자바스크립트 개념 자바스크립트에서는 바인딩와 this 의 개념이 끊임없이 나옵니다. 바인딩과 this 는 많은 사람들이 혼동할 수 있고, 개발을 계속 하시는 분들도 헷갈릴만한 부분이라고 생각해 포스팅을 합니다! 자바스크립트 바인딩? 바인딩이란, 함수 또는 메소드를 호출한 대상에 실제 함수를 연결해주는 것입니다. 즉, 함수를 호출하는 부분에 함수가 위치한 메모리 번지를 연결시켜주는 것이라 할 수 있죠. 예시로 살펴봅시다. 코드가 더 이해하기 쉬우니까요. var aObj = { num:'1' printNum:function(){ console.log(this.num); } } var bObj = { num:'2' } bObj.printNum = aObj.printNum; aObj.printNum(); // 1 bObj.pri.. 2021. 1. 8.