- 객체를 효율적이고 안전하게 만들기 위해서 만들어진 문법
- 클래스는 상태( = 속성, 필드, 특성, 멤버변수)와 행위 (기능, 메서드, 함수) 를 가지고 있다.
- 실생활에서 사용하는 개념(사물, 사람, 기계 등을) 코드로 표현하기 위한 수단..
구성: 클래스 생성자 인스턴스
- 클래스 = 설계도
- 인스턴스 = 설계도를 통해 만들어진 실체화된 객체
- 생정자 = 인스턴스를 만들 때 사용하는 것
(예시) 자동차 클래스
= 선언된 클래스를 다른 파일에 불러오는 방법 :: 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 |