类是用于创建对象的模板。
我们使用 class 关键字来创建一个类,类体在一对大括号
{}
中,我们可以在大括号
{}
中定义类成员的位置,如方法或构造函数。
每个类中包含了一个特殊的方法
constructor()
,它是类的构造函数,这种方法用于创建和初始化一个由
class
创建的对象。
创建一个类的语法格式如下:
class
ClassName
{
constructor
(
)
{
...
}
class
Runoob
{
constructor
(
name
,
url
)
{
this
.
name
=
name
;
this
.
url
=
url
;
以上实例创建了一个类,名为 "Runoob"。
类中初始化了两个属性: "name" 和 "url"。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
let
runoob
=
new
Runoob
(
"
菜鸟教程
"
,
2018
)
;
document
.
getElementById
(
"
demo
"
)
.
innerHTML
=
"
菜鸟教程
"
+
runoob
.
age
(
)
+
"
岁了。
"
;
尝试一下 »
let
runoob
=
new
Runoob
(
"
菜鸟教程
"
,
2020
)
;
document
.
getElementById
(
"
demo
"
)
.
innerHTML
=
"
菜鸟教程
"
+
runoob
.
age
(
year
)
+
"
岁了。
"
;
尝试一下 »
严格模式 "use strict"
类声明和类表达式的主体都执行在严格模式下。比如,构造函数,静态方法,原型方法,getter 和 setter 都在严格模式下执行。
如果你没有遵循严格模式,则会出现错误:
class
Runoob
{
constructor
(
name
,
year
)
{
this
.
name
=
name
;
this
.
year
=
year
;
age
(
)
{
下图实例使用类未声明的变量:
更多严格模式可以参考:
JavaScript 严格模式(use strict)
constructor()
构造函数,用于创建和初始化类
extends
继承一个类
static
在类中定义一个静态方法
super
调用父类的构造方法