ES6 类-总结

我们现在用一段代码, 在注释中总结所有关于JavaScript类的所有用法

javascript 复制代码
class Student extends Person {
  //这里的Student是子类,Person是父类,extends是实现类之间的继承,它可以自动设置原型

  university = '家里蹲大学'; //公共字段(类似于属性,在创建对象上可用)

  #studyHours = 0; //私有字段(类外无法访问)

  #course; //私有字段(类外无法访问)

  static numSubjects = 10; //静态公共字段(仅在类中可用)

  constructor(fullName, birthYear, startYear, course) {
    //构造函数方法,在普通类中必须使用,在子类中可以省略。

    super(fullName, birthYear); //调用父(super)类(扩展时必须如此)。需要在访问此类之前执行

    this.startYear = startYear; //实例属性(可用于创建的对象)

    this.#course = course; //重新定义私有字段
  }

  introduce() {
    //公共方法
    console.log(`我在${this.university}上学,学习的专业是${this.#course}`);
  }

  study(h) {
    this.#makeCoffe(); //重新定义私有字段和方法
    this.#studyHours += h; //重新定义私有字段和方法
  }

  #makeCoffe() {
    //私有方法(可能还不能在浏览器中使用。伪造替代:_代替 #)
    return '这是给你的一杯咖啡';
  }

  get testScore() {
    //Getter方法
    return this._testScore;
  }

  set testScore(score) {
    //setter方法(使用_来设置与方法相同名称的属性并添加getter)
    this._testScore = score <= 20 ? score : 0;
  }

  static printCurriculum() {
    //静态方法(仅在类上可用。不能访问实例属性或方法,只能访问静态属性
    console.log(`There are ${this.numSubjects} subjects`);
  }
}

const ITshare = new Student('ITshare', 2020, 2024, '计算机科学与技术');
//使用new操作符创建新的对象

注意事项

● 类只是构造函数的 "语法糖";

● 类不会被提升;

● 类是一等公民;

● 类主体始终在严格模式下执行

相关推荐
小阮的学习笔记5 分钟前
Vue3中使用LogicFlow实现简单流程图
javascript·vue.js·流程图
YBN娜6 分钟前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=6 分钟前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
杨荧8 分钟前
【JAVA毕业设计】基于Vue和SpringBoot的服装商城系统学科竞赛管理系统
java·开发语言·vue.js·spring boot·spring cloud·java-ee·kafka
白子寰15 分钟前
【C++打怪之路Lv14】- “多态“篇
开发语言·c++
王俊山IT27 分钟前
C++学习笔记----10、模块、头文件及各种主题(一)---- 模块(5)
开发语言·c++·笔记·学习
为将者,自当识天晓地。29 分钟前
c++多线程
java·开发语言
小政爱学习!31 分钟前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。36 分钟前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼42 分钟前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui