728x90 728x90 This2 [Javascript] this 동적 바인딩 0.목차 1. 개요 2. 메소드 생성 3. 메소드 호출 4. this 바인딩 1. 개요 수업에서 객체를 다뤘다. 혼자 객체도 만들어보고 메소드도 만들어보고 메소드로 property 참조하고 이것저것 해보다가, 어느 순간 깨달음이 와버렸다. 까먹기 전에 정리를 해보자. 2. 메소드 정의 const obj = { a: 1, print() { console.log('print'); }, }; obj라는 객체를 하나 만들고, 프로퍼티 하나 메소드 하나씩 만들어줬다. 메소드는 익명함수 안쓰고 스마-트 하게 method shorthand 써서 만들었다. es6에서 추가된 기능이다. 기존(es6 이전)에 어떤 형식으로 만들어졌는지 모른다면 문제가 되겠지만, 아니까 걍 쓰겠다. 3. 메소드 호출 const obj = .. 2022. 1. 4. call, apply, bind 삼총사 처음 나왔을 때 개념을 확실히 못잡은 채로 내비뒀더니 얘네가 나올때마다 '뭐더라..' 하면서 매번 다시 MDN을 뒤지게 된다. 우리집 시니어의 도움을 받아 지금 개념을 잡아놨으니, 까먹기 전에 정리를 해두자. this binding 쟤네를 이해하려면, 선결과제가 있다. this binding을 이해해야 한다. this는 this고 binding은 뭘까 묶다.감다. 약간 느낌이 온다. this binding은 this에다가 뭔갈 묶는 거구나. const cityinfo = { city: 'Seoul', weather: 'cold', }; function tellWeather() { return `today's ${this.city}'s weather is ${this.weather}'`; } console.. 2021. 12. 5. 이전 1 다음 728x90 728x90
