본문 바로가기

자바스크립트 클래스3

[Javascript] 객체의 상속 - 프로토타입 체인 이번 소개할 내용은 객체지향 언어의 중요 개념인 상속입니다. 이 상속도 ES2015 클래스 명령의 등장과 함께 변경된 부분이 있기에 두가지를 설명하도록 하겠습니다. 1. 상속 상속을 간단하게 말하자면 클래스나 기초가 될 객체의 기능(프로퍼티나 메소드)을 이어 받아 새로운 클래스나 객체를 정의하는 것 입니다. 상속에서 상속을 해주는 대상이 되는 클래스를 부모클래스, 슈퍼클래스, 베이스 클래스 등으로 부르고 상속을 받는 클래스는 자식클래스, 서브 클래스, 파생 클래스라고 부릅니다. (이 글에서는 부모-자식 클래스라는 표현을 사용할 예정입니다.) 이에 대한 설명은 아래 예시로 한 방에 정리가 가능합니다. 스마트폰과 공중전화기는 둘 다 전화기라는 공통을 갖고있습니다. 만약 스마트폰과 공중전화기 두 객체를 만든다.. 2021. 3. 19.
[Javascript] class 명령을 이용한 클래스 정의 지난번에는 구버전의 클래스 정의를 다뤘다면 이제 ES2015에서 새로 추가된 class 명령을 통한 클래스 정의를 알아보겠습니다. 다른 클래스기반 객체지향 언어(C++, 자바 등)을 했었다면 익숙할 내용일 것 입니다. 클래스가 무엇인지는이전 포스트에서 설명했으니 이번 포스트에선 class 명령을 통한 선언부터 바로 시작하려고 합니다. 2021.03.18 - [Programming/Javascript] - [Javascript] 객체와 클래스 [Javascript] 객체와 클래스 이제 객체지향에 대해 한발짝 더 전진할 시간입니다. 예전에 객체에 대해서 정말 간단하게 설명한적이 있었는데 이번 포스트 부터 그 객체를 자세하게 다뤄보도록 하겠습니다. 0. 객체 객체란 bamtory29.tistory.com 우선.. 2021. 3. 19.
[Javascript] 객체와 클래스 이제 객체지향에 대해 한발짝 더 전진할 시간입니다. 예전에 객체에 대해서 정말 간단하게 설명한적이 있었는데 이번 포스트 부터 그 객체를 자세하게 다뤄보도록 하겠습니다. 0. 객체 객체란 속성(프로퍼티)과 행위(메소드)를 가진 물체(오브젝트)입니다. 하나 더 붙이자면 이름도 붙일 수 있어야하죠. 이 포스트 이전까지 객체를 다음과 같이 생성했었습니다. let car = { name: 'sedan', color: 'yellow', drive: function() { console.log("부릉"); } } console.log(car.name); car.drive(); 이러한 방식을 객체 리터럴 방식이라고 말했었습니다. 이 객체 리터럴 방식은 새로운 객체를 생성할 때 마다 전부 새롭게 입력해야하고, 런타임때 .. 2021. 3. 18.
300x250