ES6 ES6到ES5到实现思路 ES5和ES6的继承

89 阅读1分钟

ES6到ES5到实现思路

  • 用 babel

    • 解析:解析代码生成 AST

    • 转换:按一定规则转换、修改 AST

    • 生成:将 AST 转成普通代码

    • 纯人工:用/写 polyfill

ES5和ES6的继承

  • 继承实质

    • ES5

      • 先创建子类对象,再将父类的方法添加到 this 上

      • Parrent.apply(this)

    • ES6

      • 先创建父类实例对象(this),再用子类到构造函数修改 this

      • 必须先在 constructor 方法中调用父类 super() 方法

  • 通过XX实现

    • ES5:原型/构造函数

    • ES6:class 关键字定义类,里面有构造函数;extend关键字继承类