class Vs function

함수 = 어떤 일 을 하는 방법ㅂ 

 

강아지 짖는 것 , 강아지는 멍멍 

 

function bark() {

console.log("멍멍");

}

 

function bark = 짖는 법을 담고 있음 

 

함수를 실행 하면 강아지가 짖음 

 

bark(); 

멍멍 

 

 

---

class dog{

constructor(name,color){

this.name=name;

this.color=color

}

 

meow() {

console.log(this.name+ "가 멍멍"

}

}

 

class 는 강아지 만드는 설게도 

설게도 에 강아지 색깔 , 이름 정보가 담겨있다 

---

위에 클래스를 이용해서 다른 강아지를 만들수있다 

let myDog= new Dog ("꼬미", "흰색");

myDog.bark(); 꼬미가 멍멍 

 

class 를 사용하면 여러 강아지를 만들수있다 

각각 강아지이름 , 색깔이 다르지만 모두 멍멍할수있다 

---

함수 ; function , 강아지 짖는 방법 (bark ) 

 

클래스 class ; 강아지 만드는 설게도 , 강아지 이름 ,색깔 의 정보와 강아지가 짖는 방법이 담겨있음 

'dog'클래스

---

function ; 특정한 일을 하는 방법 

우리가 손을 흔들고 안녕 이라고 말한다 

 

function waveHand () {

console.log("안녕");

}

 

 

waveHand(); 출력 안녕 ! 

waveHand 라는 함수는 손을 흔드는 방법을 담고 있다 

 

---

class

특정 종류의 물건을 만드는 설께도 

장난감 만드는 설계도 , 

이 설게도에는 장난감 크기 , 색깔 , 의 정보 와 장난감이 하는일이 담겨져 있다 

 

class Toy {
    constructor(color, size) {
        this.color = color;  장난감의 색깔
        this.size = size;  장난감의 크기
    }

    makeSound() {
        console.log("삑삑!");
    }
}

 

toy 클래스 = 장난감을 만드는 설게도 

이 설게도에는 장난감의 색깔과 크기 같은 정보, 장난감이 소리를 내는 방법이 담겨있다 

 

 

새로운 장난감 .만들기 

let myToy = new Toy("빨강", "작은");
myToy.makeSound();  // 출력: 삑삑!

클래스를이용하면 여러가지 장난감을 만들 수 있다 . 

색깔 크기 ,는 다르지만 소리를 낼 수 있다