📁 class

🎥 클래스 만들기

클래스는 결국 { num: 1 } 처럼 생긴 객체(object)를 잘 설계하기 위한 틀

객체지향 프로그래밍이란, 프로그램을 객체들로 구성하고, 객체들 간에 서로 상호 작용 하도록 작성하는 방법
(말이 어렵다)

클래스로 객체를 만드는 과정을 인스턴스화라고 부름

예제 하나로 끝내자.

class Car {
 constructor(name, price) {
   this.name = name;
   this.price = price;
   this.department = "선릉지점";
   this.salesAmount = 0;
 }

 applyDiscount(discount) {  
   return this.price * discount;   
 }
 
 addSales() {
   this.salesAmount++;
 }
}   // car 라는 이름의 클래스가 있다. 
 
const morning = new Car('Morning', 2000000); 

console.log(morning); // 그 클래스에다가 모닝. 200만 넣으면 이런 객체가 나온다
console.log(morning.name); //그 객체에서 이름에 접근한다. = Morning
console.log(morning.price); // 가격에 접근한다 = 2백만

const price = morning.applyDiscount(0.8); 

console.log(price); //할인 가격 

console.log(morning.salesAmount); // 0;
morning.addSales(); // 이 함수를 쓴다. 이거는 위에 값 +1 만드는 함수니까 
console.log(morning.salesAmount); // 1이 된다. 

클래스는 객체 만드는 기계 같은 거고(설계도),
데이터가 완전하지 않아서 그자체로는 객체가 안되고 값 넣으면 객체 되는 그런건가보다.

새로운 인스턴스 만들 때마다 constructor() 쓴다.

class 이름은 대문자, CamelCase로 써야 한다.

constructor() 메서드는 (name, price) 2개의 인자를 받음

이렇게 클래스 내에서 name, price와 같이 변경 가능한 상태값이자

class내의 컨텍스트에서 어느 곳에서나 사용할 수 있는 변수를 멤버 변수라고 부름
멤버 변수는 this키워드로 접근합니다.

📘 인스턴스(Instance)

인스턴스는 클래스를 통해 생성된,
class의 property 이름과 method 를 갖는 객체

변수로 이걸 지정할 순 있는데, 변수이름이 곧 객체 이름은 아닌 거 같다.

콘솔 띄우면 클래스 이름이랑 같이 객체가 뜨네

인스턴스마다 다른 프로퍼티 값을 가지고 있다.

const morning = new Car('Morning', 20000000);

인스턴스는 Class 이름에 new 를 붙여서 생성한다

클래스 이름 우측에 () 괄호를 열고 닫고, 내부에는 constructor 에서 필요한 정보를 인자로 넘겨준다.

Car클래스의 instance를 morning 이라는 변수에 저장함

Car 클래스의 새로운 instance를 생성하려면 new 키워드가 필요하다

new 키워드는 constructor() 메서드를 호출하고 새로운 instance를 return 한다.

Morning 이라는 String과 2000000 이라는 Number를 Car 생성자에 넘겨주었고,

name, price 프로퍼티에 각자의 값이 할당됨

📬메소드(Methods)

객체에 저장된 값이 함수일 때, 메소드(Methods) 라고 부른다.

class의 method는 객체랑 문법이 같은데,
다른점은 class는 프로퍼티마다 comma(,)구분 안해줘도 된다.

class안의 메소드는, 결국 class랑 연관되어 있어서 안에 있는거라,

this.프로퍼티를 응용해서 리턴값으로 많이 쓴다.

함수 안에서 this 를 쓰는 건 해당 instance 를 말한다는 게 진짜 중요함

객체에 메소드 정의 하는 법

let methodObj = {
  do: function() {
    console.log('메서드 정의는 이렇게');
  }
} //
methodObj.do();  //호출할 때는 이렇게

이런식으로 메소드를 정의할 수 있다.

class MyMath {
constructor(Num1, Num2){

 this.Num1 = Num1;
 this.Num2 = Num2; }

 getNumber(){

 let a = [ this.Num1 , this.Num2];

   return a;
}
add( ){
  
return this.Num1 + this.Num2 ;

}

substract(){

 return this.Num1 - this.Num2;
}
 
multiply(){

return  this.Num1*this.Num2;
}

}

 let kk = new MyMath(10,20);

 console.log(kk); //   MyMath { Num1: 10, Num2: 20 }

console.log(kk.add()); // 30 

잘 정리해놔서 예제 위주로 보면 다시 봐도 이해 쉬움

{}으로 생긴 모양의 객체를 object literal(객체 리터럴) 이라고 부른다.

객체는 배열처럼 index로 접근하는게 아니라, key 로 접근하는 거라서 순서가 중요하지 않다.

key : property name

value : property value

숫자로 된 key 는 대괄호로 접근해야 한다.

객체는 reference(컴퓨터 어느 공간의 메모리) 로 저장된다.
객체를 변수에 저장하면, 객체 자체가 저장되는게 아니라 reference가 저장된다.
그래서 변수는 a,b 비교했을 때, 내용이 같으면 a === b 가 되지만,
객체는 property value 값이 다 같아도 아예 다른 객체가 된다
하지만 객체 내부의 값은 같으면 같다고 나옴