하루5분코딩"객체지향"
5057 단어 JavaScript객체지향JavaScript
## 객체지향 : 하나의 모델이 되는 청사진(class)을 만들고 청사진을 바탕으로 한 객체(instance) 를 찍어낸다.
- 속성과 메소드
- 클래스에 속성과 메소드를 정의하고 instance에 이용.
✓속성
ex)브랜드, 이름, 색, 최고속도
✓메소드
ex)연료채우기, 속도정하기, 운전하기
- 클래스 : 속성의 정의
(ES5)
•function 으로 선언function Car(brand, model, color){ this.brand = brand; this.model = model; this.color = color; } ✓Car = class , 전체 = constructor , this = this객체
(ES6)
•class로 선언class Car(){ constructor (brand, model, color) this.brand = brand; this.model = model; this.color = color; } ✓class 를 사용할때는 첫글자를 대문자로 적어준다. ✓ constructor : 인스턴스의 초기 속성값을 생성하는 함수
- instance 의 사용
let avante = new Car('hyundai', 'avante', 'black') // avante.brand // 'hyundai' // avante.color // 'black' ✓instance는 new 를 사용하여 만든다.
- 클래스 : 메소드의 정의
Car.prototype.drive = function(){ console.log(this.model + '출발'); } // avante.drive(); // avante 출발 ✓ prototype : class의 메소드를 만들때사용(행동을 정의)
✓한눈에 구성보기!
Author And Source
이 문제에 관하여(하루5분코딩"객체지향"), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@-hsw9724/하루코딩5분객체지향저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)