JavaScript 클래스와 객체 함수의 차이?

클래스와 객체

오늘 클래스와 객체 공부를 하던 도중 나온 코드다

class shop {
        constructor(color, size, price) {
            this.color = color
            this.size = size
            this.price = price
        }

        info() {
            console.log(`color : ${this.color} price : ${this.price} size : ${this.size}`)
        }
    }

    const shirt = new shop('red', 'XL', 20000)
    const tshirt = new shop('orange', 'M', 15000)
    console.log(shirt, tshirt)
/////////////////////////////////////////////////////////////////////////////함수
    function ball(color, size, price) {
        console.log(`color : ${color} price : ${price} size : ${size}`)
    }

    const pants = ball('blue', 'L', 18000)
    const tpants = ball('black', 'M', 11000)
    console.log(pants,tpants)

 

클래스와 함수의 차이가 궁금했다 함수도 클래스와 마찬가지로 color, size, price 값을 가지고 있지 않은가??
이 궁금증으로 인해 많은 검색을 해봤지만 해답은 얻지 못했다

하지만 반대로 너무 쉽게 콘솔 창을 통해서 해답을 얻을 수 있었다

 

클래스는 말 그대로 객체(Object)를 생성해 준다

반면에 함수는 매개변수로 입력한 값을 함수 속에서 처리하여 결과값만을 보여준다