JavaScript class 声明
JavaScript基础 2022-06-08 11:17:30小码哥的IT人生shichen
JavaScript class 声明
实例
创建一个 Car 类，然后基于 Car 类创建一个名为 "mycar" 的对象：
class Car { // 创建类
constructor(brand) { // 构造函数
this.carname = brand; // 类主体
}
}
mycar = new Car("Ford"); // 创建 Car 类的对象
完整实例：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 类</h2>
<p>在这个例子中，我们演示了一个简单的类定义以及如何使用它。</p>
<p id="demo"></p>
<script>
class Car {
constructor(brand) {
this.carname = brand;
}
}
mycar = new Car("Tesla");
document.getElementById("demo").innerHTML = mycar.carname;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
类是一种函数，但不是使用关键字 function 来初始化它，而是使用关键字 class，并在 constructor() 方法中分配属性。
每次初始化类对象时，都会调用 constructor() 方法。
注释：与函数和其他 JavaScript 声明不同，类声明不会被提升（您必须先声明一个类，然后才能使用它）。
注释：类中的语法必须以“严格模式”编写。
有关类的更多信息，请阅读我们的 JavaScript 类教程。
浏览器支持
下表定义了第一个完全支持 JavaScript 类的浏览器版本：
| 关键词 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| class | 49.0 | 12.0 | 45.0 | 9.0 | 36.0 |
语法
class className {
// 类主体
}技术细节
| JavaScript 版本： | ECMAScript 2015 (ES6) |
|---|
相关页面
JavaScript 教程：JavaScript 类
JavaScript 教程：JavaScript ES6 (EcmaScript 2015)
JavaScript 教程：JavaScript this
JavaScript 教程：JavaScript Strict 模式
