es6的class是不是函数
导读:本文共3033.5字符,通常情况下阅读需要10分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: es6 class是函数。在es6中,class(类)作为对象的模板被引入,可以通过class关键字定义类,语法为“class 类名{...};class的本质就是function(函数),它是一个语法糖,其底层是通过“构造函数”去创建的。本教程操作... ...
目录
(为您整理了一些要点),点击可以直达。
es6 class是函数。在es6中,class(类)作为对象的模板被引入,可以通过class关键字定义类,语法为“class 类名{...};class的本质就是function(函数),它是一个语法糖,其底层是通过“构造函数”去创建的。
本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。
es6 class是函数。
在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。
class 的本质是 function。
它可以看作一个语法糖,其底层还是通过 构造函数
去创建的,让对象原型的写法更加清晰、更像面向对象编程的语法。
上面代码用ES6的class
实现,就是下面这样
constructor方法,这就是构造方法,this关键字代表实例对象。 类的数据类型就是函数,类本身就指向构造函数。
定义类的时候,前面不需要加 function, 而且方法之间不需要逗号分隔,加了会报错。
类的所有方法都定义在类的prototype属性上面。
在类的实例上面调用方法,其实就是调用原型上的方法。
类的实例
实例的属性除非显式定义在其本身(即定义在this对象上),否则都是定义在原型上(即定义在class上)。
注意:
1、class不存在变量提升
因为 ES6 不会把类的声明提升到代码头部。这种规定的原因与继承有关,必须保证子类在父类之后定义。
上面的代码不会报错,因为 B继承 A的时候,A已经有了定义。但是,如果存在 class提升,上面代码就会报错,因为 class 会被提升到代码头部,而let命令是不提升的,所以导致 B 继承 A 的时候,Foo还没有定义。
2、this的指向 类的方法内部如果含有this,它默认指向类的实例。但是,必须非常小心,一旦单独使用该方法,很可能报错。
继承
Class 可以通过extends关键字实现继承
上面代码中 定义了一个 Cat 类,该类通过 extends关键字,继承了 Animal 类中所有的属性和方法。 但是由于没有部署任何代码,所以这两个类完全一样,等于复制了一个Animal类。 下面,我们在Cat内部加上代码。
constructor方法和toString方法之中,都出现了super关键字,它在这里表示父类的构造函数,用来新建父类的this对象。
Cat 继承了父类 Animal,但是它的构造函数没有调用super方法,导致新建实例报错。
如果子类没有定义constructor方法,这个方法会被默认添加,代码如下。也就是说,不管有没有显式定义,任何一个子类都有constructor方法。
另一个需要注意的地方是,es5 的构造函数在调用父构造函数前可以访问 this, 但 es6 的构造函数在调用父构造函数(即 super)前不能访问 this。
上面代码中,子类的constructor方法没有调用super之前,就使用this关键字,结果报错,而放在super方法之后就是正确的。
父类的静态方法,也会被子类继承。
es6的class是不是函数的详细内容,希望对您有所帮助,信息来源于网络。