728x90
300x250
프로퍼티와 메서드는 다음의 두 가지 종류가 있다.
- 인스턴스 프로퍼티와 메서드 : 인스턴스를 생성하는 프로퍼티와 메서드를 말한다.
- 클래스 프로퍼티와 메서드 : 인스턴스를 생성하지 않고 사용하는 프로퍼티와 메서드
function 클래스이름(){
. . .
}
클래스이름.프로퍼티=값;
클래스이름.메서드=function(){}
여기서 클래스 이름은 인스턴스가 아니라 클래스이름 자체이다.
사용법
인스턴스를 생성할 필요 없이 접근 연산자(.)를 기준으로 왼쪽에는 클래스 이름 오른쪽에는 프로퍼티와 메서드를 접근해서 사용한다.
클래스이름.프로퍼티;
클래스이름.메서드이름();
클래스 프로퍼티와 메서드 예시
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
this.speed = 0;
}
accelerate() {
this.speed += 10;
console.log(`The ${this.make} ${this.model} is accelerating. Current speed: ${this.speed} km/h`);
}
brake() {
this.speed -= 5;
console.log(`The ${this.make} ${this.model} is braking. Current speed: ${this.speed} km/h`);
}
}
// Car 클래스의 인스턴스 생성
const myCar = new Car("Toyota", "Corolla");
// 메서드 호출로 차량 가속 및 감속
myCar.accelerate();
myCar.accelerate();
myCar.brake();
주 사용 용도
실행해도 내부 데이터에 영향이 없이 독립적으로 실행되는 유틸리티성 기능에 주로 사용된다.
자바스크립트 코어 라이브러리 중 Math에서 제공해 주는 기능은 모두 클래스 프로퍼티오 메서드로 만들어져있다. 메서드를 실행한다고 해서 Math클래스 내부에 처리 결과가 남거나 하지 않고 그냥 사용되는 기능에 주로 사용한다.
728x90
반응형
'javaScript' 카테고리의 다른 글
클래스 기반 플러그인 방식 탭메뉴 만들기 - 비공개 (0) | 2023.11.19 |
---|---|
패키지 (0) | 2023.09.03 |
함수단위 코딩 단점, 외부에서 내부 속성 사용하는법 - 비공개 (0) | 2023.08.31 |
함수호출(), new 함수호출() 차이 (0) | 2023.08.30 |
상황에 따른 this 값 (0) | 2023.08.29 |
댓글