# Prototype

105개의 포스트
post-thumbnail

자바스크립트 prototype에 대하여

용어에 있어서 MDN에 따르면ECMAScript 표준은 someObject.\[Prototype]을 객체 someObject의 프로토타입을 지시하도록 명시하였다. ECMAScript 2015부터 \[Prototype]에 조상 Object.getPrototypeOf()과

약 7시간 전
·
0개의 댓글
post-thumbnail

[코어 자바스크립트] 6.프로토타입

자바스크립트는 프로토타입 기반 언어입니다. 클래스 기반의 언어에서는 상속을 사용하지만, 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻습니다. (유명한 대부분의 프로그래밍 언어의 상당수가 클래스 기반입니다.) 6

1일 전
·
0개의 댓글

20200115 TIL

ES6 (ECMAScript 6) ES6(ECMAScript 6)에서 가 나오기전 javascript는 객체지향언어인척(?) function과 prototype을 사용해 흉내를 내는 정도였다. 하지만 ES6에서 라는 문법이 추가 되었고 기존의 prototype 기

2일 전
·
0개의 댓글
post-thumbnail

prototype / Inheritance

javascript 언어는 원래 oop를 구현하기 위해 만들어진 언어가 아니다. 그런데 구현하기 위해 prototype 이라는 개념이 등장한다. 자바스크립트를 일반적인 객체지향 언어와 구분하는 가장 중요한 개념이다. 이를 통해 상속개념을 제공한다.inheritance

3일 전
·
0개의 댓글
post-thumbnail

20200114 TIL(2)

Subclassing understanding prototype Chain prototype : 모델의 청사진을 만들 때 쓰는 원형 객체 constructor : 인스턴스가 초기화될 때 실행하는 생성자 함수 this : 함수가 실행될 때 해당 scope마다 생성되

3일 전
·
0개의 댓글
post-thumbnail

JS 전문가되기 //Day011

자바스크립트 ES6 문법 이전에, Class 라는 OOP를 위한 도구가 없었을 때자바스크립트에서 OOP를 흉내낼 수 있었던 도구이다.위처럼 3개의 객체가 존재한다고 해보자. 우리는 \_\_proto\_\_ 일명 js prototype 기능을 이용해서 Class 기능과

4일 전
·
0개의 댓글

TIL prototype, constructor, __proto__ 관계성

proto 프로토 타입 체인 참조하는 용도로 쓰이며, 상위 객체가 무엇인지 알 수 있다. 예시 > constructor new 키워드를 통해 인스턴스를 만들면 실행되는 함수이다. 이 함수의 역할은 proto로 부모.prototype 을 확인할 수 있게 연결해준다.

4일 전
·
0개의 댓글
post-thumbnail

WHATIS. OOP

1. OOP가 무엇일까? 결론부터 말하자면, 객체지향프로그래밍이다. 그렇다면 객체지향 프로그래밍은 무엇일까? 코딩을 할 때 정해진 룰, 규격, 스킬이라기 보다는 방식 이라고 볼 수 있다. 이 OOP 라는 추상적인 개념이 가지는 concept가 4가지 존재한다. 그 4

4일 전
·
0개의 댓글
post-thumbnail

Prototype 넌 뭐니? -2-

proto ?이건 사실 예전에 사용하던 이름이라고 한다. ECMA에서는 Prototype 이라고 부르고, 함수를 포함한 모든 객체가 가지고 있는 인터널 슬롯이다. 객체의 입장에서 자신의 부모 역할을 하는 Prototype 객체를 가리킨다. ECMAScript에서는 암묵

5일 전
·
0개의 댓글
post-thumbnail

Prototype 넌 뭐니? -1-

저는 자바로 가장 먼저 프로그래밍을 접했습니다. 사실 자바 배웠다고 하기에는 부끄러울 정도로 능숙한 언어는 아니지만 1년 정도 배우면서 객체지향에 대한 개념은 깨우친 상태였습니다. 2020년에 자바스크립트에 입문하면서 OOP(Object-oriented programm

6일 전
·
0개의 댓글
post-thumbnail

TIL 98 | 코어자바스크립트(6) 프로토타입

자바스크립트는 프로토타입 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다.

2021년 1월 2일
·
0개의 댓글
post-thumbnail

[JS]prototype

prototype

2020년 12월 31일
·
0개의 댓글
post-thumbnail

JavaScript Prototype

JavaScript 모든 객체는 \[Prototype] 이라는 내부 슬롯을 가지고 있으며, \[Prototype] 내부 슬롯에는 직접 접근할 수 없지만, \_\_proto\_\_ 접근자 프로퍼티를 통해 자신의 프로토타입, 즉 자신의 \[Prototype] 내부 슬롯이

2020년 12월 29일
·
0개의 댓글
post-thumbnail

TIL 25 | JavaScript 객체 지향 프로그래밍 02

Constructor Function, constructor, prototype, prototype-based language

2020년 12월 28일
·
0개의 댓글
post-thumbnail

JavaScript에서 다양한 상속 방법

1. prototype 메서드 2. proto 접근자 프로퍼티 3. Object.create에 의한 직접 상속 4. 상속에 의한 클랙스 확장

2020년 12월 27일
·
0개의 댓글

JS prototype 활용

prototype chaining 개념 해당 객체에 property가 없을 경우, prototype에서 이를 탐색 & 반복(proto의 proto...) 주의점 proto의 depth가 많을 경우, 많은 chaining이 발생 hasOwnProperty 메서드를 통해 방지 필요 prototype 활용 기타 : 상속

2020년 12월 24일
·
0개의 댓글
post-thumbnail

[JavaScript] prototype 알아보기

안녕하세요! 이번글에는 prototype이라는 개념에 대해 알아보도록 하겠습니다!프로토타입은 객체안에 보이지 않는 숨겨진 곳에 값을 넣어놓고 이 값을 어디서든지 꺼내서 쓸 수 있게끔 해줍니다. 우리가 흔히 개발할때 사용하는 toString, push, sort 등 많은

2020년 12월 19일
·
0개의 댓글

Pseudoclassical vs ES6

1) 기본 형식2) prototype 생성3) 상위 폼을 상속받기4) prototype을 상속받기 => call, apply 사용만약 Student.prototype = Human.prototype을 하게 되면 어떻게 될까?처음에는 Student.prototype은 H

2020년 12월 11일
·
0개의 댓글
post-thumbnail

[JavaScript] Prototype

\[prototype]과 proto 의 차이를 알아보겠습니다. 자바스크립트에서는 객체의 숨김 프로퍼티로 \[prototype]를 가지고 있습니다. 어떤 프로퍼티를 찾으려고 할때 만약 객체에 이 프로퍼티가 존재하지 않는다면 \[prototype] 프로퍼티가 참조하는 다

2020년 12월 10일
·
0개의 댓글