小码哥的IT人生

JavaScript Class 参考手册

JavaScript基础 2022-05-13 15:52:13小码哥的IT人生shichen

JavaScript Class 参考手册

JavaScript 类

类是函数的一种,但我们不使用关键字 function 来对其初始化,而是使用关键字 class,并在 constructor() 方法中分配属性:

示例代码:

创建一个 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

有关类的知识,请阅读我们的 JavaScript 类教程

Class 方法

方法 描述
constructor() 用于创建和初始化在类中创建的对象的特殊方法。

Class 关键字

关键字 描述
extends 扩展类(继承)。
static 为类定义静态方法。
super 引用父类。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024