Web/Java Script2 this에 대한 이해 더보기 이 포스팅은 this에 대해 공부하면서 참고한 블로그를 번역한 글입니다. 글 마지막에 원문 링크 첨부하였습니다. 자바스크립트에서 this 키워드에 대해 알아보고, 여러 상황에서 this에 어떻게 값이 할당되는지 알아보자. 이 글을 따라오는 가장 좋은 방법은 아래에 제시되는 code snippet을 직접 브라우저 콘솔 창을 열어서 실행해보는 것입니다. 새로운 크롬 탭을 열고 F12를 눌러 DevTools를 오픈 console 탭 클릭 객체는 자바스크립트의 기본 구성 요소입니다. this는 자바스크립트에서 특별한 객체입니다. this 키워드는 거의 모든 자바스크립트 코드에서 볼 수 있고, this의 값은 코드가 어떻게 동작하는지에 따라 결정됩니다. this에 대해 자세히 알아보기 전, 먼저 자바스크립.. 2021. 5. 22. binding에 대해 binding은 JS에서 중요하게 사용되는 개념 중 하나이다. 객체 내에 선언된 메서드에 this 가 사용되었을 때 객체 외부에서 해당 메서드를 호출하면 this가 자신이 속해있는 객체를 레퍼런스 하지 못했다. 예를 들어 this.x = 9; let module = { x: 81, getX: function() { return this.x; } }; module.getX(); // 81 let retrieveX = module.getX; retrieveX(); // 9 // module과 바인딩된 'this'가 있는 새로운 함수 생성 let boundGetX = retrieveX.bind(module); boundGetX(); // 81 // 출처: MDN Web Docs 위와 같은 결과가 발생하는 이유.. 2021. 5. 16. 이전 1 다음