class

xiaoxiao2021-02-28  109

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);
转载请注明原文地址: https://www.6miu.com/read-30955.html

最新回复(0)