본문 바로가기

자바스크립트 prototype5

[ 모던 자바스크립트 스터디 ] 프로토타입 - 1 자바스크립트는 프로토타입을 기반으로 상속을 구현한다. 이 프로토타입이 어떤 것인지 알아보자. function Circle(radius) { this.radius = radius; this.getArea = function () { return Math.PI * this.radius ** 2; }; } const c1 = new Circle(1); const c2 = new Circle(2); 위 코드의 c1과 c2 객체는 모두 각각 radius 프로퍼티와 getArea 메서드를 갖는다. getArea 메서드가 각 객체마다 존재할 필요가 있을까? 메모리 낭비다. 하나만 생성해서 모든 인스턴스가 공유해서 사용하는게 더 올바르다. 이걸 상속을 통해서 중복을 제거해보자. function Circle(radius.. 2022. 10. 2.
[ JavaScript ] 자바스크립트 기본 문법 | Object 란? 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: Object란? Object 객체는 객체의 가장 기본적인 형태를 가지고 있는 객체입니다. 다시 말해서 아무것도 상속받지 않는 순수한 객체입니다. 자바스크립트에서는 값을 저장하는 기본적인 단위로 Object를 사용하고 있습니다. 동시에 자바스크립트의 모든 객체는 Object 객체를 상속 받는데, 그런 이유로 모든 객체는 Object 객체의 프로퍼티를 가지고 있습니다. Object.prototype.contain = function(neddle) { for(var name in this){ if(this[name] === neddle){ return true; } } retur.. 2021. 2. 4.
[ JavaScript ] 자바스크립트 기본 문법 | 표준 내장 객체란? 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 표준 내장 객체란? 표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 의미합니다. 내장 객체가 중요한 이유는 프로그래밍을 하는데 기본적으로 필요한 도구들이기 때문입니다. 결국 프로그래밍이라는 것은 언어와 호스트 환경에 제공하는 기능들을 통해서 새로운 소프트웨어를 만들어내는 것이기 때문에 내장 객체에 대한 이해는 프로그래밍의 기본이라고 할 수 있습니다. 자바스크립트는 아래와 같은 내장 객체를 가지고 있습니다. Object Function Array String Boolean Number Math Date RegExp.. 2021. 2. 4.
[ Javascript ] 자바스크립트 기본 문법 | prototype & prototype chain 이미지 출처 : https://commons.wikimedia.org/wiki/File:JavaScript-logo.png 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 상속의 구체적인 수단인 prototype에 대해서 자세히 알아보는 포스팅이 될 것 같습니다. 자바스크립트 기본 문법 :: prototype prototype은 한국어로는 원형 정도로 번역됩니다. prototype은 말 그대로 객체의 원형이라고 할 수 있습니다. 함수는 객체입니다. 그러므로 생성자로 사용될 함수도 객체입니다. 객체는 프로퍼티를 가질 수 있는데, prototype이라는 프로퍼티는 그 용도가 약속되어 있는 특수한 프로퍼티입니다. prototype에 저장된 속성들은 생성자.. 2021. 2. 4.