자바스크립트 this3 [ JavaScript ] 자바스크립트 기본 문법 | 함수와 this | this 가 가리키는 것들의 종류 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: this this는 함수 내에서 함수 호출 맥락(context)를 의미합니다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데, 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻입니다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 연결점의 역할을 합니다. 함수를 호출했을 때의 this 는 무엇을 기리키는 지 살펴보도록 하겠습니다. function func(){ if(window === this){ console.log("window === this"); } } func(); this는 전 포스팅에서 다뤘던 전역 .. 2021. 2. 4. [ JavaScript ] 자바스크립트 기본 문법 | 객체(Object) 생성| this란 무엇인가 | 객체 for 문 | for in 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 객체(Object) 배열은 아이템에 대한 식별자로 숫자를 사용했습니다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어지기 때문에 추가된 데이터에 대한 식별자가 됩니다. 이렇게 배열은 이 인덱스를 이용해서 데이터를 가져오게 되는데, 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 합니다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 자바스크립트의 객체에 해당합니다. 자바스크립트 기본 문법 :: 객체의 생성 자바스크립트에서 객체를 만드는 방법은.. 2021. 2. 3. [ 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. 이전 1 다음
