如何详细解释ES6中类的构造、继承、方法、属性等核心概念及其应用?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1354个文字,预计阅读时间需要6分钟。
JavaScript 的基本语法 + ES6 提供了更接近面向对象的语言写法,引入了 Class(类)这一概念,作为对象的模板。通过 class 关键字,可以定义类,从而实现面向对象的编程。
类的基本语法
ES6提供了更接近面向对象(注意:javascript本质上是基于对象的语言)语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。
//定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; } } //创建对象 let p = new Point(1,2); console.log(p.toString());
上面代码定义了一个“类”,可以看到里面有一个constructor方法,这就是构造方法,而this关键字则代表实例对象。也就是说,ES5的构造函数Point,对应ES6的Point类的构造方法。
Point类除了构造方法,还定义了一个toString方法。注意,定义“类”的方法的时候,前面不需要加上function这个关键字,直接把函数定义放进去了就可以了。另外,方法之间不需要逗号分隔,加了会报错。
注意:生成类的实例对象的写法,要使用new命令。
本文共计1354个文字,预计阅读时间需要6分钟。
JavaScript 的基本语法 + ES6 提供了更接近面向对象的语言写法,引入了 Class(类)这一概念,作为对象的模板。通过 class 关键字,可以定义类,从而实现面向对象的编程。
类的基本语法
ES6提供了更接近面向对象(注意:javascript本质上是基于对象的语言)语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。
//定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; } } //创建对象 let p = new Point(1,2); console.log(p.toString());
上面代码定义了一个“类”,可以看到里面有一个constructor方法,这就是构造方法,而this关键字则代表实例对象。也就是说,ES5的构造函数Point,对应ES6的Point类的构造方法。
Point类除了构造方法,还定义了一个toString方法。注意,定义“类”的方法的时候,前面不需要加上function这个关键字,直接把函数定义放进去了就可以了。另外,方法之间不需要逗号分隔,加了会报错。
注意:生成类的实例对象的写法,要使用new命令。

