前两篇文章主要介绍了类和对象、类的继承，如果想了解更多理论请查阅《ES6学习笔记（一）：轻松搞懂面向对象编程、类和对象》、《ES6学习笔记（二）：教你玩转类的继承和类的对象》，今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能。 文章目录要实现的功能分析切换功能添加功能实现删除功能编辑功能总结 要实现的功能分析 点击tab栏可以切换效果 点击+号，可以添加tab项和内容项 点击X号，可以删除当前的tab项和内容项 点击tab文字或者内容项文字，可以修改里面的字体内容 抽像对

在ES6之前，javascr ipt不跟其他语言一样，有直接继承的方法，它需要借助于构造函数+原型对象模拟实现继承。现在我们可以利用ES6的extends方法实现继承，如果想了解更多有关ES6实现的继承请查看《ES6学习笔记（二）：教你玩转类的继承和类的对象》，在这里不再做更多的介绍。 文章目录1. call()2. 借用构造函数继承父类型属性3. 借用原型对象继承父类型方法总结 ES6之前并没有给我们提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。 1.

文章目录继承super关键字ES6中的类和对象的4个注意点：总结 继承 程序中的继承： 子类可以继承父类的一些属性和方法 class Father { //父类 constructor () { } money () { console.log(100) } } class Son extends Father { //子类继承父类 } let son = new Son() son.money() // 100 son. super关键字 super关键字用于访问和