ES6新增的class类

在学习类之前,先明确JS是什么语言。

js是一个基于面向对象设计的单线程的静态脚本语言。

面向对象(类 实例对象 继承 封装 多态);

基于面向对象设计  本质没有继承 、类、多态等语法,按照自己的语法特征(原型),来模拟其效果;

单线程  代码只能一个业务一个业务的执行;

静态  一段代码中间一行出现错误,不能一开始就出现发现错误,要运行到错误代码才能发现错误,如果是动态语言一开始就会检测到错误;

脚本语言  又称嵌入式语言  灵活

在ES6中为了更好的把js设计成面向对象的语言的语法特征,提出了class类。

class的本质是function,类不可重复声明,类定义不会被提升,让js更像面向对象编程的语法。

类的语法

类名建议大写,在严格要求下必须大写。

声明类:class 类名{} 

匿名类: var fn=class {}

两种方法都可以创建类

js没有类,是原型的思想设计的类,但是学习和使用这个技术时,心中要用类的思想学习。

类的内部可以写一个constructor方法,用这个类创建对象时就会运行构造函数;不写构造函数系统会默认有一个空的构造运行,一个类有且只有一个方法。

constructor构造方法用于初始化实例化对象。

 类中不能直接定义变量,变量被定义在construct中,如果要在类中定义变量需要用static修饰符,变成静态属性,只要用了static变量会变成静态变量,方法会变成静态方法,这时不需要创建对象去调用,直接类名.静态方法就可调用。

可以给对象添加属性,直接在类中写属性名=属性值。

注意:静态属性和静态方法在创建的对象中不存在。

 在ES5中,如果我们要给函数所创建的对象的原型上加方法需要函数.prototype.方法名=function(){};

在ES6中,直接在类中写方法,就可以在原型上添加方法。new 类得到的对象的原型上就存在这个方法。

类的继承

作用:解决代码的复用

注意点:

1、使用extends关键字实现继承

2、子类可以继承父类中所有的方法和属性

3、子类只能继承一个父类(单继承),一个父类可以有多个子类

4、子类的构造方法中必须有super()来指定调用父类的构造方法,并且位于子类构造方法中的第一行

5、子类中如果有与父类相同的方法和属性,将会优先使用子类的(覆盖)

代码演示:

 存在内部类的情况,内部类属于外部类的成员 必须通过“外部类.内部类”访问。

你可能感兴趣的