[TOC] ## 3.1继承 (extends) 现实中的继承:子承父业,比如我们都继承了父亲的姓。 程序中的继承:子类可以继承父类的一些属性和方法。 **语法:** class Father{ // 父类 class Son**extends**Father { // 子类继承父类 } ## 3.2 super 关键字 super 关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数  注意   ### 三个注意点: 1.在ES6中类没有变量提升,所以必须先定义类,才能通过类实例化对象 2.类里面的共有属性和方法一定要加this使用. 3.类里面的this指向问题. 4\. constructor 里面的this指向实例对象,方法里面的this指向这个方法的调用者 ~~~ 1.双击事件：ondblclick 2．如果双击文字,会默认选定文字,此时需要双击禁止选中文字 window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); 3.appendChild不支持追加字符串的子元素, insertAdjacentHTML支持追加字符串的元素 ~~~ # 案例：面向对象版tab栏切换 **Js面向对象 动态添加标签页**  html  ## **js功能需求:** 1.点击tab栏可以切换效果. 2.点击+号,可以添加tab项和内容项. 3.点击x号,可以删除当前的tab项和内容项. 4.双击tab项文字或者内容项文字，可以修改里面的文字内容. ## 案例分析 抽象对象: Tab对象 1.该对象具有切换功能 2.该对象具有添加功能 3.该对象具有删除功能 4.该对象具有修改功能 ## 代码实验  ### 切换功能   ### 添加功能    代码   内容 解决bug    ### 删除功能  获取    优化：当我们删除的不是选中状态的li的时候,原来的选中状态li保持不变  ### 切换编辑功能  代码   优化内容