클래스는 JavaScript에서 사용할 수 있습니다. 클래스는 함수이지만 초기화를 위해 키워드인 클래스를 사용하고 클래스가 호출될 때마다 생성자가 속성을 할당합니다. 객체가 초기화된() 메서드인 경우 구문은 "class className{constructor(){...}}"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
클래스는 함수이지만 키워드 function을 사용하여 초기화하는 대신 class 키워드를 사용하고 constructor() 메서드에 속성을 할당합니다.
클래스 객체가 초기화될 때마다 constructor() 메서드가 호출됩니다.
참고: 함수 및 기타 JavaScript 선언과 달리 클래스 선언은 호이스팅되지 않습니다(클래스를 사용하려면 먼저 클래스를 선언해야 합니다).
참고: 클래스의 구문은 "엄격 모드"로 작성되어야 합니다.
구문은 다음과 같습니다.
class className { // 类主体 }
클래스 키워드를 사용하여 클래스를 만듭니다. 클래스 본문은 중괄호 {} 안에 메서드나 생성자와 같은 클래스 멤버의 위치를 정의할 수 있습니다. }.
각 클래스에는 클래스의 생성자인 특수 메서드 constructor()가 포함되어 있습니다. 이 메서드는 클래스에서 생성된 객체를 생성하고 초기화하는 데 사용됩니다.
예제는 다음과 같습니다.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <h2>JavaScript 类</h2> <p>如何使用 JavaScript 类</p> <p id="demo"></p> <script> class Runoob { constructor(name, url) { this.name = name; this.url = url; } } let site = new Runoob("好好学习", "http://www.php.cn"); document.getElementById("demo").innerHTML = site.name + ":" + site.url; </script> </body> </html>
출력 결과:
[관련 권장 사항: javascript video tutorial, web front-end]
위 내용은 JavaScript에서 클래스를 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!