ES6中的class类 及 递归

简介: ES6中的class类 及 递归

es6 中的 class可以把它看成是 es5 中构造函数的语法糖,它简化了构造函数的写法,类的共有属性放到 constructor 里面

  1. 通过 class 关键字创建类,类名需要定义首字母大写

2.类里面有个 constructor 函数,可以接受传递过来的参数,同时返回实例对象

  1. constructor 函数,只要 new 生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数

  2. 多个函数方法之间不需要添加逗号分隔

  3. 生成实例 new 不能省略

  4. 语法规范:创建类,类名后面不要加小括号,生成实例类名后面加小括号,构造函数不需要加 function

6.1 继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的

6.2 继承中,如果子类没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就近原则)

6.3 如果子类想要继承父类的方法,同时在自己内部扩展自己的方法,利用 super 调用父类的构造函数,super 必须在子类 this 之前调用

  1. 时刻注意 this 指向问题,类里面的共有的属性和方法一定要加 this 使用

7.1 constructor 中的 this 指向的是 new 出来的实例对象

7.2 自定义的方法,一般也指向 new 出来的实例对象

7.3 绑定事件之后 this 指向的就是触发事件的事件源

7.4 在 ES6 中 类没有变量提升,所以必须先定义类,才能通过类实例化对象

什么是递归,递归有哪些优点或缺点 :

相关文章
|
1月前
|
JavaScript 前端开发
es6 类与继承
ES6 的类与继承特性使得 JavaScript 的面向对象编程更加规范和易于维护,提高了代码的可读性和可复用性,广泛应用于各种复杂的 JavaScript 应用程序开发中。
|
2月前
|
安全
ES5/ES6 的继承除了写法以外还有什么区别
ES5 和 ES6 的继承主要区别在于实现机制和语法糖。ES5 通过原型链和构造函数模拟类的继承,而 ES6 引入了 class 关键字,使继承更加直观和简洁,支持 super 调用父类方法,提升了代码可读性和维护性。
ES6学习(7)class
ES6学习(7)class
|
5月前
|
存储 JavaScript 前端开发
ES6 class 类
【7月更文挑战第27天】
26 1
ES5的继承和ES6的继承有什么区别
ES5的继承和ES6的继承有什么区别
76 0
ES5 / ES6 的继承除了写法以外还有什么区别
ES5 / ES6 的继承除了写法以外还有什么区别
110 0
|
JavaScript
【ES6】类
【ES6】类
61 0
|
前端开发
前端小案例1-es6中 class的重写
前端小案例1-es6中 class的重写
70 0
前端小案例1-es6中 class的重写
下一篇
DataWorks