본문 바로가기

JavaScript

[JavaScript] this 키워드 알아보기 📒 왜? ◼ JavaScript를 사용하면서 this를 사용했을 때, 어떤 경우에는 {window}가, 또 다른 경우에는 Object가 출력되었다. ◼ 이에 this에 대해 정리하고자 글을 작성한다. 📒 this 키워드 ◼ this는 상황에 따라서 뜻이 3~4 가지로 변경된다. ✔ 최상위 this & function에서 this 사용 ◼ 출력 결과는 window에 대한 정보가 표시된다. ◼ window는 전역 변수 보관소이다. ✔ strict mode에서 function에서 this 사용 ◼ strict mode (엄격한 실행)에서 일반 함수 안에 this를 사용하면 undefined가 출력된다. ✔ Object 안의 function에서 this 실행 ◼ Object 안의 함수에서 this를 실행하면, .. 더보기
JavaScript 기본 및 사용하기 📒 왜? (사용 이유) ◼ JavaScript를 쓰는 가장 큰 이유는 HTML 조작이 목적이다. ◼ 그 외로, 서버와 통신 가능, 클릭 및 타이핑 감지, 비동기 처리, 자료 다루기 등의 목적으로도 사용된다. 📒 JavaScript ◼ JavaScript는 Call Stack이 하나로, single thread로 동작한다. ◼ event loop를 이용해서 비동기 방식으로 동시성을 지원하는데, 이는 자바스크립트 엔진에서 지원하는 것이 아닌, 브라우저나 node.js에서 지원된다. ✔ JavaScript 구조 ◼ Heap & Call Stack: V8과 같은 JavaScript 엔진의 구성요소이다. ❗ Heap: JavaScript의 객체의 주소 값, 구조화되지 않은 메모리 영역이 쌓인다. ❗ Call St.. 더보기