ES6构造函数class 和 ES5构造函数语法的区别

ES5的构造函数有一些问题
最大的问题,就是定义 prototype 是在函数之外定义的
调用构造函数,生成实例化对象,一定要在定义 prototype 之后
否则生成的实例化对象,只有属性没有函数方法

ES6中,新增语法形式 class 类
是一种新的定义构造函数的语法
作用和原理与ES5语法完全相同
只是语法格式和书写方式,不同
不会被预解析

总结
1,面向对象编程意思,大部分内容与面向过程基本相似
只是将程序封装在一个对象内
将程序执行需要的数据,定义为对象的属性和属性值
将程序执行需要的代码,定义为对象的函数方法
优点:对象是使用{}来定义的,如果使用let 等语法定义数据等,只能在对象中使用调用,与对象外的数据不会产生冲突,不会造成全局变量污染
对象的数据,可以通过属性的方法获取属性值,便于调用使用
封装一次面向对象程序,也可以反复调用使用,不用重复定义程序代码
高内聚,低耦合,可反复调用

2,区别:
使用的变量和数据,如果是定义在 constructor 中的属性和属性值,如果需要使用,语法是 this.属性 调用
此处的this 指向的是 通过构造函数,class类 生成的实例化对象
如果遇到 function(){} 不管是 事件处理函数 forEach() setInterval()
必须考虑,其中的程序,是否要使用this,这个this是否是指向实例化对象的
如果是,就要改成箭头函数