• 객체를 효율적이고 안전하게 만들기 위해서 만들어진 문법
  • 클래스는 상태( = 속성, 필드, 특성, 멤버변수)와 행위 (기능, 메서드, 함수) 를 가지고 있다. 
  • 실생활에서 사용하는 개념(사물, 사람, 기계 등을) 코드로 표현하기 위한 수단..

구성:  클래스 생성자 인스턴스

  • 클래스 = 설계도
  • 인스턴스 = 설계도를 통해 만들어진 실체화된 객체
  • 생정자 =  인스턴스를 만들 때 사용하는 것

(예시) 자동차 클래스

 

= 선언된 클래스를 다른 파일에 불러오는 방법 :: python에 있는 import 기능

-- makeCarClass.js -- 

module.exports = makeCarClass;< 선언된 클래스가 있는 코드명>

 

-- app.js ----

const Car = require('./makeCarCalss) < 코드명을 입력해서 클래스 호출>

const car = new Car("아반떼", 90);

 

※ 한 코드 파일에 여러가지( 객체, 배열, 함수, 클래스) 가 있다면

1. 앞에 export 붙여주면 된다.

2.  마지막에 module.exports= { 다시 사용 할 객체, 배열, 함수, 클래스}

//myTest.js

export const myArr = [1,2,3,4];
export const myObject = {name: a, age: 30};
export function myfuntion(){
  for (let i = 1; i < 10; i++) {
	//code..
  }
}
export class Car{
	//code...
}

// 앞에 export를 안적었다면
module.export ={myArr, myObject, myfunctioin, Car}
// app.js
const { myArr, Car} = require('./myTest');


// 아래는 새로운 문법인가? 
// https://ko.javascript.info/import-export
import * as test from "./myTest.js" //전부 호출
import {myArr, Car} from "./myTest.js" // 호출하고 싶은것만

 

 

클래스  + 객체

▶객체를 class의 입력으로 사용할 때 아래와 같이 객체의 key를 이용해서 각 key에 있는 value값을 받을 수 있다.

(비구조화 할당 활용)

class Student{
    constructor({name, krScore, enScore}){
        this.name = name;
        this.krScore = krScore;
        this.enScore = enScore;
    }
    //code...
 }

'프로그래밍 > JavaScript' 카테고리의 다른 글

배열 뒤집기  (0) 2023.07.30
array.reduce()  (0) 2023.07.30
Functions - arrow, map, filter  (0) 2023.07.12
콜백(callback)함수  (0) 2023.07.12
Function(함수)  (0) 2023.07.11

+ Recent posts