자바스크립트 상속4 [ 모던 자바스크립트 스터디 ] 프로토타입 - 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 ] 자바스크립트 기본 문법 | prototype & prototype chain 이미지 출처 : https://commons.wikimedia.org/wiki/File:JavaScript-logo.png 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 상속의 구체적인 수단인 prototype에 대해서 자세히 알아보는 포스팅이 될 것 같습니다. 자바스크립트 기본 문법 :: prototype prototype은 한국어로는 원형 정도로 번역됩니다. prototype은 말 그대로 객체의 원형이라고 할 수 있습니다. 함수는 객체입니다. 그러므로 생성자로 사용될 함수도 객체입니다. 객체는 프로퍼티를 가질 수 있는데, prototype이라는 프로퍼티는 그 용도가 약속되어 있는 특수한 프로퍼티입니다. prototype에 저장된 속성들은 생성자.. 2021. 2. 4. [ JavaScript ] 자바스크립트 기본 문법 | 상속(inheritance)이란 무엇인가? 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 상속 객체는 연관된 로직들로 이루어진 작은 프로그램이라고 할 수 있습니다. 상속(inheritance)은 객체의 로직을 그대로 물려 받는 또 다른 객체를 만들 수 있는 기능을 의미합니다. 단순히 물려받는 것이라면 의미가 없고, 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있게 해주는 것이 상속의 역할입니다. 지난 포스팅에서 사용했던 코드를 들고와 보도록 하겠습니다. function Person(name){ this.name = name; this.introduce = function(){ return 'My name is '+this.name; } } va.. 2021. 2. 4. 이전 1 다음
