概述 这是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);