자바스크립트의 클래스

자바스크립트 수업

클래스는 객체에 대한 청사진으로, 객체와 해당 동작을 정의하는 보다 공식적이고 체계적인 방법을 제공합니다. JavaScript 클래스는 객체 자체가 아니라 JavaScript 객체를 생성하기 위한 템플릿입니다.

클래스는 특별한 종류의 함수이지만 class 대신 function 키워드를 사용하여 정의합니다. 속성은 constructor() 메서드 내부에 할당됩니다.

수업방식

1. 클래스 메소드의 구문은 객체 메소드의 구문과 동일합니다.
2. class 키워드를 사용하여 클래스를 만듭니다.
3. 에는 항상 constructor() 메서드가 포함됩니다.
4. 그런 다음 원하는 수만큼 방법을 추가할 수 있습니다.

예제 1: 자동차 클래스를 생성한 후, 자동차 클래스를 기반으로 "My Car"라는 객체를 생성합니다.

<code class="language-javascript">class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); </code>

생성자 방법

생성자는 클래스로 생성된 객체를 초기화하는 데 사용되는 특수 메서드입니다. 클래스의 새 인스턴스가 생성되면 자동으로 호출됩니다. 일반적으로 전달된 매개변수를 사용하여 객체 속성에 값을 할당하여 객체가 생성될 때 적절하게 초기화되도록 합니다.

생성자가 자동으로 호출되고 클래스가 초기화될 때 정확한 이름이 "constructor"여야 합니다. 실제로 생성자가 없으면 JavaScript는 보이지 않는 빈 생성자 메서드를 추가합니다.

참고: 클래스는 여러 constructor() 메서드를 가질 수 없으며, 이로 인해 구문 오류가 발생합니다.

더 많은 수업 예시

<code class="language-javascript">class Person {} // 空类

class Student {
  constructor(rollNo, name, age) {
    this.name = name;
    this.rollNo = rollNo;
    this.age = age;
  }
}

let student1 = new Student(1, "Alex", 12);
console.log(student1); // Output: Student { name: 'Alex', rollNo: 1, age: 12 }

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }

  displayProduct() {
    console.log(`Product: ${this.name}`);
    console.log(`Price: ${this.price}`);
  }
}

const product1 = new Product("Shirt", 19.32);
const product2 = new Product("Pant", 33.55);</code>

위 내용은 자바스크립트의 클래스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!