@H_5020@class是es6引入的最重要特性之一。在没有class之前,我们只能通过原型链来模拟类。
@H502_0@
1 、介绍
函数,类本身就指向构造函数。用的时候,也是直接对类使用new命令,跟构造函数的用法完全一致。
class Bar {
doStuff() {
console.log('stuff');
}
}
var b = new Bar();
b.doStuff() // "stuff"
@H_502_0@2、严格模式
@H_502_0@ 类和模块的内部,默认就是严格模式,所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中,就只有严格模式可用 @H_502_0@3、constructor 方法
@H_502_0@ constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类必须有constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加。 @H_502_0@4、类的实例对象
@H_502_0@ 生成类的实例对象的写法,使用new命令。 @H_502_0@ 实例的属性除非显式定义在其本身(即定义在this对象上),否则都是定义在原型上(即定义在class上)。5、Class 表达式
@H_502_0@ 下面代码使用表达式定义了一个类。需要注意的是,这个类的名字是MyClass而不是Me,Me只在 Class 的内部代码可用,指代当前类。6、不存在变量提升
@H_502_0@ 类不存在变量提升(hoist) @H_502_0@ 下面代码中,Foo类使用在前,定义在后,这样会报错,因为 ES6 不会把类的声明提升到代码头部。这种规定的原因与下文要提到的继承有关,必须保证子类在父类之后定义。7、私有方法
@H_502_0@ 私有方法是常见需求,但 ES6 不提供,只能通过变通方法模拟实现。 @H_502_0@ 添加私有方法办法 @H_502_0@ ①在命名上加以区别。 @H_502_0@ ②利用Symbol值的唯一性,将私有方法的名字命名为一个Symbol值。方法
foo (baz) {
this._bar(baz);
}
// 私有方法
_bar(baz) {
return this.snaf = baz;
}
// ...
}
/*利用Symbol*/
const bar = Symbol('bar');
const snaf = Symbol('snaf');
@H_502_0@export default class myClass{
// 公有方法
foo(baz) {
thisbar;
}
// 私有方法
bar {
return this[snaf] = baz;
}
// ...
};
8、私有属性
@H_502_0@ 与私有方法一样,ES6 不支持私有属性。目前,有一个提案,为class加了私有属性。方法是在属性名之前,使用#表示。9、this 的指向
@H_502_0@ 类的方法内部如果含有this,它默认指向类的实例。 一旦单独使用该方法,很可能报错。print(text) {
console.log(text);
}
}
const logger = new Logger();
const { printName } = logger;
printName();
//上面代码中,printName方法中的this,默认指向Logger类的实例。但是,如果将这个方法提取出来单独使用,this会指向该方法运行时所在的环境,因为找不到print方法而导致报错。
/解决方法是,在构造方法中绑定this,这样就不会找不到print方法了。/
class Logger {
constructor() {
this.printName = this.printName.bind(this);
}
// ...
}
@H_502_0@console.log(text);
}
}
const logger = new Logger();
const { printName } = logger;
printName();
//上面代码中,printName方法中的this,默认指向Logger类的实例。但是,如果将这个方法提取出来单独使用,this会指向该方法运行时所在的环境,因为找不到print方法而导致报错。
/解决方法是,在构造方法中绑定this,这样就不会找不到print方法了。/
class Logger {
constructor() {
this.printName = this.printName.bind(this);
}
// ...
}