class“类”
-
概述
这是es6引入的一个概念,class类将会作为对象的模板。基本写法://定义类 class Point{ constructor(x, y){//构造方法:就是es5中的构造函数 this.x = x; this.y = y; } toString(){ return '('+this.x+','+this.y+')'; } }
定义构造方法时,前面不需要添加function保留字,另外,方法之间不需要逗号分隔。
-
创建实例对象
和es5一样也是使用new命令来创建类的实例对象。 -
name属性
name属性总是返回紧跟在class关键字后面的类名class Point{} Point.name //"Point"
-
class 表达式
与函数一样,class也可以使用表达式的形式定义://class表达式 const MyClass = class Me{ getClassName(){ return Me.name; }// }
上面的表达式定义了一个类,这个类的名字是MyClass,而不是Me。Me只能在class的内部使用,指代当前的类。
例子:
//立即执行的class
let person = new class{
constructor(name){
this.name = name;
}
sayName(){
console.log(this.name);
}
}("小米");
person.sayName();//小米
-
不存在变量提升:
实例对象在使用前,必须定义该实例对象所继承的类。 -
class的继承
-
class之间通过extends关键字实现继承。
-
子类必须在constructor方法中调用super方法,这样新创建的实例才会有用,因为子类没有自己的this对象。也就是说,在子类中必须先调用super方法之后,才能使用this关键字。super关键字代表父类的实例。
-
class的取值函数(getter)和存值函数(setter)
-
class的generator方法:在某方法前面加上*号,该方法就成为了generator方法;
-
class的静态方法及静态属性
-
new.target属性
该属性的作用在于返回new命令所作用的构造函数,如果构造函数不是通过new命令调用的,那么new.target就会返回undefined。function Person(name){ if(new.target === Person){ this.name = name; }else{ throw new Error("必须使用new生成实例"); } } var person = new Person('小明'); //console.log(person);正确 var person01 = Person.call(person, '小明'); //console.log(person01);报错
-
只能用来继承,不能实例化的类
//子类继承父类时new.target会返回子类,所以可以写出不能单独使用,必须继承后才能使用的类 class shape{ constructor(){ if(new.target === shape){ throw new Error('本类不能实例化'); } } } class angle extends shape{ constructor(length, width){ super(); this.length = length; } } //var x = new shape();//报错 var y = new angle(3, 4); console.log(y);