[JavaScript]ES6-04

__Dev_1·2022년 8월 4일
0

JavaScript

목록 보기
5/7
post-thumbnail
post-custom-banner

class

  • java에서는 클래스를 객체를 만들기 위한 설계도라고 부릅니다.
  • 객체를 생성하기 위한 필드와 메소드가 정의되어 있는 설계도입니다.
  • 인스턴스라고 하는 것은 클래스로부터 만들어진 객체입니다. 하나의 클래스는 여러개 인스턴스 생성할수있습니다
  • 예시로 동일한 설계도로 여러 대의 자동차를 생산하는 것과 같은 의미입니다.
  • 클래스는 일종의 함수지만 function키워드 대신 class키워드를 사용한다.
  • 속성은 constructor()메서드 내부에 할당됩니다.
  • class는 사실 함수이기 때문에 함수선언식과 변수선언식으로 둘다 선언할 수 있다.
class 클래스명{
    constructor(){
        this.속성명 =;
    }
    메서드명(){
    }
}
//클래스명의 첫글자는 대문자로
class Car {
    constructor(name){
        this.brand = name;
    }
}

🔅 클래스 호출문법

var 인스턴스명 = new 클래스명();
class Car {
    constructor(name){
        this.brand = name;
    }
}

var mycar = new Car("Ford");
console.log(mycar.brand)

❗ class 속성과 메서드

class 클래스명{
    constructor(){
        this.속성명 =;
    }
    메서드명 (){

    }
}

🔅 자손 클래스

class 자식클래스 extends 부모클래스 { }
class Car {
    constructor(name){
        this.brand = name;
    }

    //present라는 메서드 추가
    present(){
        return '나는 ' + this.brand + '를 소유하게 되었다. ';
    }
}

❗ model만 정의할 자손 클래스

class Model extends Car {
    constructor(name, mod){
        super(name); //super()메서드는 부모 클래스를 나타냄

        this.model = mod;
    }

    show(){
        return this.present() + '그것은 ' + this.model + '이다.<br>';
    }
}

mycar01 = new Model("Ford", "Mustang");
mycar02 = new Model("BMW", "X7");

console.log(mycar01.show());
console.log(mycar02.show());

참고자료
https://ossam5.tistory.com/160?category=921603

profile
메모장 :)
post-custom-banner

0개의 댓글