본문 바로가기

프론트엔드/자바스크립트

클래스와 인스턴스

청사진 ---> class.             객체 만드는 ---> instances

function Car(color){}      let avante = new Car('hyundai','avante','black');

                                          let mini = new Car('bmw','mini','white');

 

 

클래스를 만드는 방법:

일반적인 다른 함수와의 구분을 위해 대문자로 시작, 일반명사로 만든다.(일반적인 함수: 소문자 시작, 적절한 동사 포함)

//ES5
function Car(brand, name, color) {}

ES6에 클래스를 정의할 때 class 키워드를 사용하는 새로운 문법 도입.

 

class Car {

    constructor(brand, name, color){

         this.brand = brand;

         this.name = name;

         this.color = color;

    }

}

new 키워드 새로운 instance를 만드는 방법.  

let avante = new Car('hyundai', 'avante', 'black');
let mini = new Car('bmw', 'mini', 'white');
let beetles = new Car('volkswagen','beetles','red');

instance가 만들어질 때, 즉시 생성자 함수가 실행되며 변수에 instance가 할당된다. 각각의 instance는 클래스의 고유한 속성과 메서드를 갖게된다.

'프론트엔드 > 자바스크립트' 카테고리의 다른 글

js 소수점처리 .tofixed()  (0) 2022.08.15
프로토타입체인  (0) 2022.07.25
객체지향 프로그래밍  (0) 2022.07.22
Typeof  (0) 2022.06.24
forEach 반복문 같은의미  (0) 2022.05.13