프로퍼티와 메서드
Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨. 56개 중 13번째.
JavaScript의 클래스는 해당 클래스의 모든 인스턴스가 공유할 속성과 메서드를 정의할 수 있게 해 줍니다.
속성이 있는 클래스를 만드세요:
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
}인스턴스를 생성할 때 생성자는 다음 속성을 설정합니다:
const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make); // 출력: 'Toyota'
console.log(myCar.model); // 출력: 'Corolla'클래스에 메서드를 추가하세요:
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
getDescription() {
return `This car is a ${this.make} ${this.model}.`;
}
}이제 모든 인스턴스에서 이 method를 호출할 수 있습니다:
const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // 출력: 'This car is a Toyota Corolla.'
챌린지
book.js 파일에 다음과 같은 Book 클래스를 생성하세요:
title,author,pagesparameters를 받는 constructor를 만들고 이를 properties로 설정하세요.getInfo라는 method를 만들고 다음 format의 string을 반환하세요: “Title: [title], Author: [author], Pages: [pages]”- class 선언 앞에 `export`를 추가하여 class를 export하세요
직접 해보기
import { Book } from './book.js';
// 테스트 (이 부분은 수정하지 마세요)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
객체 지향 프로그래밍의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러