解读ES6中class关键字_es6中的class资源-CSDN文库

15 浏览量 2020-11-29 21:35:26 上传评论收藏 68KB PDF 举报

资源推荐

资源详情

资源评论

解读解读ES6中中class关键字关键字

class是es6引入的最重要特性之一。在没有class之前，我们只能通过原型链来模拟类。

1 、介绍、介绍

//定义类

class Point {

constructor(x, y) {

this.x = x;

this.y = y;

}

toString() {

return '(' + this.x + ', ' + this.y + ')';

}

}

　　Point类除了构造方法，还定义了一个toString方法。注意，定义“类”的方法的时候，前面不需要加上function这个关键字，

直接把函数定义放进去了就可以了。另外，方法之间不需要逗号分隔，加了会报错。

//类的数据类型就是函数，类本身就指向构造函数。用的时候，也是直接对类使用new命令，跟构造函数的用法完全一致。

class Bar {

doStuff() {

console.log('stuff');

}

}

var b = new Bar();

b.doStuff() // "stuff"

2、严格模式、严格模式

　　类和模块的内部，默认就是严格模式，所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中，就只有

严格模式可用

3、、constructor 方法方法

　　constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类必须有constructor方法，如果

没有显式定义，一个空的constructor方法会被默认添加。

class Point {

}

// 等同于

class Point {

constructor() {}//constructor方法默认返回实例对象（即this），完全可以指定返回另外一个对象。

}

//注意：类必须使用new调用，否则会报错。这是它跟普通构造函数的一个主要区别，后者不用new也可以执行。

4、类的实例对象、类的实例对象

　　生成类的实例对象的写法，使用new命令。

　　实例的属性除非显式定义在其本身（即定义在this对象上），否则都是定义在原型上（即定义在class上）。

class Point {

// ...

}

// 报错

var point = Point(2, 3);

// 正确

var point = new Point(2, 3);

5、、Class 表达式表达式

　　下面代码使用表达式定义了一个类。需要注意的是，这个类的名字是MyClass而不是Me，Me只在 Class 的内部代码可

用，指代当前类。

const MyClass = class Me {

getClassName() {

return Me.name;

}

};

//采用 Class 表达式，可以写出立即执行的 Class。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

内容反馈

weixin_38629976

粉丝: 7
资源: 972

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip