在ES6中新增了类的概念,可以使用class关键字声明一个类,之后以这个类来实例化对象.
类抽象了对象的公共部分,它泛指某一大类
对象特指某一个,通过类实例化一个具体的对象....注意:
通过class关键字创建类,类名我们还是习惯性定义首字母大写
类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象(所以不用return就能打印出对象)
constructor...函数,只要 new 生成实例时,就会自动调用这个函数.如果我们不写这个函数,类也会自动生成这个函数
生成实例new不能省略
最后注意语法规范,类名后面不要加小括号,生成实例,类名后面加小括号,构造函数不需要...接下来就是案例时间: tab栏切换
需求:
所以我们可以先写一个Tab类出来,里面具有多种功能(方法):
获取要操作的元素
初始化绑定事件
在点击时就切换类,给点击的...,新增的元素就绑定了事件
那么添加功能就完成啦,现在做删除的功能
首先还是获取元素:
然后在循环中绑定事件:
编辑删除方法:
但是这个时候我们点击添加按钮时却出错了:
分析一下: