当前位置：首页 > news >正文

ES6之class类

news 2025/7/19 3:40:39

ES6提供了更接近传统语言的写法，引入了Class类这个概念，作为对象的模板。通过Class关键字，可以定义类，基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更面向对象编程的语法而已。

一、class类的基本用法

基本语法： class 类名 { constructor{ } }

    class Student {// 构造方法 名字不能修改constructor(name,age) {this.name = namethis.age = age}// 添加方法// 方法必须使用该语法fun() {console.log("我是学生")}}let zs = new Student("张三",18)console.log(zs)

在这里插入图片描述

二、class类静态成员

static

    class Student {// 静态属性static name = "张三"static fun() {console.log("我是学生")}}let zs = new Student()console.log(zs.name) //undefinedconsole.log(Student.name) //张三

为什么我们zs.name打印undefined呢？
因为static属性方法只属于类，不属于实例对象

三、class类继承

    class Student {// 构造方法 名字不能修改constructor(name, age) {this.name = namethis.age = age}// 添加方法// 方法必须使用该语法fun() {console.log("我是学生")}}// 类继承必须要写extendsclass Student1 extends Student {// 构造方法constructor(name,age,id,tel){// supersuper(name,age) //Student.call(this,name,age)this.id = idthis.tel = tel}learn() {console.log("学习")}}let zs = new Student1("张三",18,10,123456)console.log(zs)

请添加图片描述

四、class中的getter与setter

    class Student {get name(){console.log("姓名被读取了");// 需要有返回值 要不然直接 .上name会输出undefinedreturn "hihi"}// set 中需要有参数set name(value){console.log("姓名被修改了");}}let s = new Student()console.log(s.name);s.name = "say"