Javascript 类

Class

JavaScript 中，类是一种函数

class User {
  constructor(name) { this.name = name; }
  sayHi() { alert(this.name); }
}

// 佐证：User 是一个函数
alert(typeof User); // function

class User {...} 构造实际上做了如下的事儿：

创建一个名为 User 的函数，该函数成为类声明的结果。该函数的代码来自于 constructor 方法（如果我们不编写这种方法，那么它就被假定为空）。
存储类中的方法，例如 User.prototype 中的 sayHi。

类表达式

let User = class {
  sayHi() {
    alert("Hello");
  }
};

类似于命名函数表达式（Named Function Expressions），类表达式可能也应该有一个名字。

如果类表达式有名字，那么该名字仅在类内部可见。

类字段

“类字段”是一种允许添加任何属性的语法。

class User {
  name = "John";

  sayHi() {
    alert(`Hello, ${this.name}!`);
  }
}

new User().sayHi(); // Hello, John!

类字段重要的不同之处在于，它们会在每个独立对象中被设好，而不是设在 User.prototype：

即类字段只在实例化时进行。

类继承

class Animal {

  constructor(name) {
    this.speed = 0;
    this.name = name;
  }

  run(speed) {
    this.speed = speed;
    alert(`${this.name} runs with speed ${this.speed}.`);
  }

  stop() {
    this.speed = 0;
    alert(`${this.name} stands still.`);
  }

}

class Rabbit extends Animal {
  hide() {
    alert(`${this.name} hides!`);
  }

  stop() {
    super.stop(); // 调用父类的 stop
    this.hide(); // 然后 hide
  }
}

let rabbit = new Rabbit("White Rabbit");

rabbit.run(5); // White Rabbit runs with speed 5.
rabbit.stop(); // White Rabbit stands still. White Rabbit hides!

静态属性和静态方法

静态方法：属于类本身的方法。

class Article {
  constructor(title, date) {
    this.title = title;
    this.date = date;
  }

  static compare(articleA, articleB) {
    return articleA.date - articleB.date;
  }
}

// 用法
let articles = [
  new Article("HTML", new Date(2019, 1, 1)),
  new Article("CSS", new Date(2019, 0, 1)),
  new Article("JavaScript", new Date(2019, 11, 1))
];

articles.sort(Article.compare);

alert( articles[0].title ); // CSS

静态属性

class Article {
  static publisher = "Levi Ding";
}

alert( Article.publisher ); // Levi Ding

静态方法和属性只能通过类名调用，而不能通过对象实例。

静态方法和属性都可以继承。

私有属性与方法

受保护的字段以 _ 开头。这是一个众所周知的约定，不是在语言级别强制执行的。程序员应该只通过它的类和从它继承的类中访问以 _ 开头的字段。
私有字段以 # 开头。JavaScript 确保我们只能从类的内部访问它们。

类检查

instanceof

class Rabbit {}
let rabbit = new Rabbit();
// rabbit 是 Rabbit class 的对象吗？
alert( rabbit instanceof Rabbit ); // true

// 这里是构造函数，而不是 class
function Rabbit() {}
alert( new Rabbit() instanceof Rabbit ); // true

let arr = [1, 2, 3];
alert( arr instanceof Array ); // true
alert( arr instanceof Object ); // true

让我们总结一下我们知道的类型检查方法：

	用于	返回值
`typeof`	原始数据类型	string
`{}.toString`	原始数据类型，内建对象，包含 `Symbol.toStringTag` 属性的对象	string
`instanceof`	对象	true/false