본문 바로가기

JavaScript

(3)

[Javascript] 자바스크립트 객체 - 히든클래스, 인라인캐시 자바스크립트의 객체는 다른 정적 타입 언어에서 흔히 볼 수 있는 클래스나 구조체와 다르게 런타임 동안 자유롭게 생성, 수정, 확장될 수 있다. 예를 들어 다음과 같은 코드에서 객체를 선언하고 나서 언제든지 프로퍼티를 추가하거나 삭제할 수 있다. const person = { name: "Jongbin", age: 29 };person.job = "Programmer"; 객체 person을 생성하고 이후에 job이라는 새로운 프로퍼티를 추가했다. Javascript의 이런 유연성 덕분에 개발자는 어떤 상황에서도 객체의 구조를 자유롭게 변경할 수 있다. 동적 타이핑(dynamic typing)과 동적 객체 구조(dynamic object structure)가 결합된 이런 특성으로 편하게 사용할 수 있다. ..

[Javascript] 프로토타입 (Prototype) 최근 이전에 공부했던 내용이 잘 기억이 나지 않음을 깨닫고 자바스크립트 기본 중의 기본 프로토타입에 대해서 재학습했다. 🧐 프로토타입이란? 자바스크립트는 흔히 사용하는 클래스개념이 ES6(2015)에 도입이 되었다. 그렇다면 코드 재사용, 캡슐화를 어떻게 했을까? 자바스크립트는 프로토타입을 기반으로 상속과 캡슐화를 지원할 수 있다. 자바스크립트의 모든 객체에는 해당 생성자 함수를 사용하여 생성된 인스턴스의 상위 역할을 하는 객체인 프로토타입이 존재한다. 따라서 모든 객체는 [[Prototype]]이라는 인터널 슬롯(internal slot)을 가지고 있다. [[Prototype]]의 값은 null 또는 객체로 프로토타입 체인을 이용해 프로토타입의 메서드를 사용할 수 있다. 브라우저에서 객체를 출력해보면 ..

[JavaScript] 실행컨텍스트 실행컨텍스트를 공부하면서 실행컨텍스트, 환경레코드, 렉시컬환경 등의 관계가 굉장히 복잡하게 얽혀있음을 알게 되었다. 그러다 문득 피보나치 수열의 경우에 실행컨텍스트는 어떤식으로 동작하는지가 궁금해졌다. 우선 실행컨텍스트를 공부하면서 알게 된 내용들을 정리해 보려고 한다. ⁉️ 실행 컨텍스트 자바스크립트의 동작원리를 담는 핵심 개념으로 간단히 말해서 코드의실행환경이라고 볼 수 있다. 실행컨텍스트를 생성하는 코드에는 네가지가 존재한다. 1. 전역 코드: 전역에 존재하는 코드 2. 함수 코드: 함수 내부에 존재하는 코드 3. eval 코드: eval 함수의 인수로 전달되어 실행되는 코드 4. 모듈 코드: 모듈 내부에 존재하는 코드 가장 먼저 실행 컨텍스트 스텍에 전역 실행 컨텍스트 생성되고, 전역 렉시컬환경..

이전 1 다음

티스토리툴바