해나아부지 개발일지

JavaScript는 Prototype 기반의 언어이기 때문에 class라는 개념이 없었다. 사용자의 편의성을 위해 ES6(ECMA Script 2015)가 적용되고 작동원리는 똑같지만 class라는 키워드를 사용하여 조금 더 객체지향적으로 보이는 코딩을 할 수 있게 됐달까? class //ES5 function Car(model, company, year) { this.model = model this.company = company this.year = year } Car.prototype.start = function () { console.log(this.model + "가 출발합니다") } Car.prototype.stop = function () { console.log(this.model +..

Object.create(), new(생성자 함수) 모두 객체의 속성들을 상속받은 새로운 객체를 만들어 주는 것처럼 보인다. Object.create 객체의 정의는 함수로부터 시작된다. 우리가 잘 아는 'object' ( { } ) 도 예외는 아니다. 함수가 정의될 때, constructor와 prototype도 함께 생성되는데 이것은 함수 내부의 접근을 도와주는 속성이다. // Shape - 상위클래스 function Shape() { this.x = 0; this.y = 0; } 개발자 콘솔에 Shape라는 class를 정의하고 prototype 속성을 보자! constructor 에는 Shape 자신이 함수로 정의되어 있고 __proto__에는 'Object'에서 상속받은 여러가지 메서드(함수)들이..

객체란? 객체는 객체지향프로그래밍을 이해하기 위한 핵심 개념이다. 현실세계의 사람이나 사물 등을 객체라고 할 수 있고 객체는 상태와 행동 2가지 특징을 갖는다. 이것을 프로그래밍에서는 변수와 메서드로 표현할 수 있다. 예를 들어 사람을 객체로 표현하면 키, 몸무게, 이름 등의 상태를 가지고 있고(이것은 변수로 표현할 수 있다) 먹고, 자는 등의 행동들을 한다(이것은 메서드로 표현할 수 있다). 절차지향 vs 객체지향 절차지향 프로그래밍과 객체지향 프로그래밍을 서로 반대개념이라고 오해하기 쉽지만 객체지향으로 프로그래밍을 해도 코드는 위에서부터 아래로 순차적으로 실행된다. let a = 10, b = 20 function add(a, b) { return a + b; } console.log( add(a,b..