ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JavaScript Class 사용하기
    Javascript 2022. 1. 3. 15:34

    class = 객체를 만들 때 마치 설계도처럼 사용하는 것이고, 흔히들 템플릿이고 객체는 이를 구체화한 것

    • Class 사용하기
      • 클래스 명도 변수명처럼 표현하고 싶은 데이터를 잘 나타낼 수 있는 이름으로 정의할 것.
      • 함수와 비슷하고 생성자이다. 객체가 생성이 될 때 JavaScript내부에서 호춣이 되는 함수라고 생각하면됨.
      • this는 클래스를 사용해서 만들어질 객체 자기 자신을 의미하고 this 뒤에 붙는 것들은 객체의 속성이다.
      • 생성자의 Body에서는 함수 호출 시 전달할 매개변수 ex) name, price, company를 객체의 속성 예시에 각각 할당하고 있는 것.
    • 객체 만들기
      • const 변수명 = new 클래스명 (생성자에서 정의한 매개변수들)
    • 객체에 접근하기
      • console.log 소괄호 안에 객체 만들 때 사용한 변수명만 넣어주게 되면 전체를 가져온다.
      • 원하는 매개변수만 가져오기 위해서는 (변수명.매개변수명)을 써주면 된다.
    class Notebook {
        constructor(name, price, company) {
            this.name = name
            this.price = price
            this.company = company
        }
    }
    
    const notebook1 = new Notebook('Macbook', 3000000, 'Apple')
    
    console.log(notebook1)
    console.log(notebook1.name)
    console.log(notebook1.price)
    console.log(notebook1.company)

     

    'Javascript' 카테고리의 다른 글

    [JavaScript] split과 parseInt  (0) 2022.03.11
    JavaScript 소수점 계산 오류와 해결  (0) 2022.02.23
    [JavaScript] var를 사용하지 않는 이유  (0) 2022.01.07
    JavaScript 구조 분해 할당  (0) 2022.01.05
    var, let, const  (0) 2022.01.03
Designed by Tistory.