认识class定义类

类的声明用的比较多

类与构造函数的异同

类的构造函数


类的实例方法

类的访问器方法

在类里面写拦截方法


类的静态方法

通过类名直接访问


es6类的继承-extends

super关键字


子类可以重写父类方法包括父类的静态方法也可以继承父类的静态方法
babel可以将新的代码转变成低版本浏览器可以识别的代码。

es6转es5的代码


继承代码通过babel的转变

继承内置类

继续系统类并进行扩展,此时HYArray不仅可以实现Array对象中的内容,还可以实现自己里面写的内容

类的混入mixin

js只支持单继承,所以想实现其他类的方式可以使用混入方法


如果直接返回的话,其他地方不会再使用到的类可以省略类名,这就是匿名类
可以实现对此混入


react中的高阶组件
react中有个组件h,react更灵活更接近原生开发,状态管理工具redux,要把redux中的数据放到组件中需要使用connect->,要映射的东西传入,会返回新的函数,可以继续调用新的函数,把组件传入,会返回新的组件,组件中使用render函数,返回之前传入的所有内容

JavaScripScript中的多态



js多态的表现
