JavaScript ES6实现继承

1 对象的方法补充

2 原型继承关系图

3 class方式定义类

4 extends实现继承

5 extends实现继承

6 多态概念的理

function 创建的名称如果开头是大写的,那这个创建的不是函数,是创建了类。

JavaScript ES6实现继承_第1张图片

JavaScript ES6实现继承_第2张图片

 ES6-class类中的内容




  
  
  
  Document


  
  


ES6-class和function类的区别

可以把class创建的类当做是function创建的类的一种语法糖。但是在直接使用的方面是有不同之处。类里面的方法又叫静态方法。




  
  
  
  Document


  
  


ES6-对象访问器方法的编写




  
  
  
  Document


  
  


ES6-类的访问器方法的编写




  
  
  
  Document


  
  


ES6-类的静态方法的编写




  
  
  
  Document


  
  


ES6-通过extends实现继承




  
  
  
  Document


  
  


ES6-super关键字的其他用法




  
  
  
  Document


  
  


继承自内置类的用法




  
  
  
  Document


  
  


ES6-类的混入mixin的用法




  
  
  
  Document


  
  


ES6-ES6中的class转ES5代码




  
  
  
  Document


  
  
  


可以去babel官网打开try out,然后改default。

JavaScript ES6实现继承_第3张图片

ES6-Java面向对象的多态理解




  
  
  
  Document


  
  


ES6-JS面向对象的多态理解




  
  
  
  Document


  
  


ES6-对象字面量的增强写法




  
  
  
  Document


  
  


ES6-数组和对象的解构语法




  
  
  
  Document


  
  


补充-手写apply-call函数实现




  
  
  
  Document


  
  


补充-手写apply-call抽取封装




  
  
  
  Document


  
  


补充-手写bind函数的实现




  
  
  
  Document


  
  


JavaScript ES6实现继承_第4张图片

JavaScript ES6实现继承_第5张图片

JavaScript ES6实现继承_第6张图片

JavaScript ES6实现继承_第7张图片

JavaScript ES6实现继承_第8张图片

JavaScript ES6实现继承_第9张图片

JavaScript ES6实现继承_第10张图片

JavaScript ES6实现继承_第11张图片

JavaScript ES6实现继承_第12张图片

JavaScript ES6实现继承_第13张图片

JavaScript ES6实现继承_第14张图片

JavaScript ES6实现继承_第15张图片

JavaScript ES6实现继承_第16张图片

你可能感兴趣的:(javascript高级,javascript,es6,前端)