개발개굴🐸

this 키워드 this는 자신이 속한 객체를 또는 자신이 생성할 인스턴스를 가르키는 자기 참조 변수입니다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있습니다. // 생성자 함수 function Circle(radius) { // this는 생성자 함수가 생성할 인스턴스를 가리킴 this.radius = radius; } Circle.prototype.getDiameter = function () { // this는 생성자 함수가 생성할 인스턴스를 가리킴 return 2 * this.radius; }; // 인스턴스 생성 const circle = new Circle(5); console.log(circle.getDiameter()); // 10 자바..

자바스크립트 객체의 분류 자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있습니다. 종류 설명 표준 빌트인 객체 - ESMAScript 사양에 정의된 객체 - 애플리케이션 전역의 공통 기능을 제공 - 자바스크립트 실행 환경과 관계없이 언제나 사용 가능 - 전역 객체의 프로퍼티로서 제공됨 - 별도의 선언 없이 전역 변수처럼 언제나 참조 가능 호스트 객체 - 자바스크립트 실행 환경에서 추가로 제공하는 객체 (ESMAScript 사양에 정의된 객체X) - 브라우저 환경 : *클라이언트 사이드 Web API를 호스트 객체로 제공 - Node.js 환경 : 고유의 API를 호스트 객체로 제공 사용자 정의 객체 - 사용자가 직접 정의한 객체 (표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체X)..

자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어입니다. C++나 자바와 같은 클래스 기반 객체지향 프로그래밍 언어보다 효율적이며 더 강력한 객체지향 프로그래밍 능력을 지니고 있습니다. 객체지향 프로그래밍 객체지향 프로그래밍은 프로그래밍을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임입니다. // 이름과 주소 속성을 갖는 객체 const person = { name: 'Lee', address: 'Seoul' }; const circle = { radius: 5, getDiameter() { return 2 * radi..

일급 객체 일급 객체란, 다음과 조건을 만족하는 객체입니다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 다음 예제와 같이 위의 조건을 보두 만족하므로 일급 객체입니다. // 1. 함수는 무명 리터럴로 생성 가능 // 2. 함수는 변수에 저장할 수 있음 // 런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당됨 const increase = function (num) { return ++num; }; const decrease = function (num) { return --num; }; // 2. 함수는 객체..

객체 리터럴에 의한 객체 생성방식은 가장 일반적으고 간단한 객체 생성 방식입니다. 하지만, 이외에도 다양한 방법으로 객체를 생성할 수 있고 각각의 장단점이 존재합니다. ** 객체 리터럴에 의한 객체 생성 방식에 대한 자세한 내용은 아래를 참고하세요. https://j-su2.tistory.com/56?category=1037205 [JavaScript] 객체 리터럴 객체란? 자바스크립트는 개체기반의 프로그래밍 언어로, 원시 값을 제외한 모든 값은 객체타입입니다. 이는 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조로 원시 값과 다르게 j-su2.tistory.com Object 생성자 함수 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환합니다. 이후 프로퍼티 ..

내부 슬롯(internal slot)과 내부 메서드(internal method)란? 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드로, 이중 대괄호 ([[ ... ]])로 감싼 이름들이 내부 슬롯과 내부 메서드입니다. const o = {}; o.[[Prototype]] // -> Uncaught SyntaxError 0.__proto__ // -> Object.prototype 위의 예제와 같이 자바스크립트 엔진의 내부 로직인 내부 슬롯과 내부 메서드는 직접적으로 접근하거나 호출할 수 없지만, [[Prototype]] 내부 슬롯의 경우 __proto__를 통해 간접적으로 접근 가능한 것 처럼 일부는 접근 수단을 제공합니다. 프로퍼티 ..

var 키워드로 선언한 변수의 문제점 ES5까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었습니다. 다음과 같은 var 키워드의 독특한 특징들은 주의를 기울이지 않으면 심각한 문제를 발생시킬 수 있습니다. 변수 중복 선언 허용 var 키워드로 선언한 변수는 중복 선언이 가능해서 의도치 않게 먼저 선언된 변수의 값이 변경되는 부작용이 발생합니다. var x = 1; var y = 1; // var 키워드가 없는 것처럼 동작 var x = 100; // 초기화문이 없는 변수 선언문은 무시됨 var y; console.log(x); // 100 console.log(y); // 1 x와 y가 중복 선언됨 x는 초기화문이 있어서 var 키워드가 없는 것처럼 동작해 100으로 값이 변경됨..

변수의 생명 주기 변수는 생물과 유사하게 생성되고 소멸되는 생명 주기를 가지고 있고 자신이 선언된 위치에서 생성되고 소멸됩니다. 변수의 생명 주기는 메모리 공간이 확보된 시점부터 메모리 공간이 해제되어 가용 메모리 풀에 반환되는 시점까지를 의미합니다. 종류 생명 주기 지역 변수 - 함수의 생명 주기와 대부분 일치 - 함수가 호출되면 생성되고 함수가 종료하면 소멸 전역 변수 - *전역 객체의 생명 주기와 일치 - 코드가 로드되자마자 곧바로 해석되고 실행됨 - 애플리케이션의 생명 주기와 같음 *전역 객체 : 코드가 실행되기 이전 단계에 자바스크립트 엔진에 의해 어떤 객체보다도 먼저 생성되는 특수한 객체. 브라우저 환경은 window 객체, Node.js 환경에서는 global 객체를 의미함 전역 변수의 문제..