ES6对String字符串、Array数组、Number数字、Object对象 类型做了哪些升级优化
文章目录
- 前言
- ES6对String字符串类型做的常用升级优化?
- ES6对Array数组类型做的常用升级优化
- ES6对Number数字类型做的常用升级优化
- ES6对Object类型做的常用升级优化
- ES6对Function函数类型做的常用升级优化
前言
ES6对String字符串类型做的常用升级优化?
-
ES6新增了字符串模板,在拼接大段字符串时,用反斜杠
{ }
取代以往的字符串相加的形式,能保留所有空格和换行,使得字符串拼接看起来更加直观,更加优雅. -
ES6在String原型上**新增了includes()**方法,用于取代传统的只能用indexOf查找包含字符的方法(indexOf返回-1表示没查到不如includes方法返回false更明确,语义更清晰),
-
此外还新增了startsWith(), endsWith(),padStart(),padEnd(),repeat()等方法,可方便的用于查找,补全字符串
ES6对Array数组类型做的常用升级优化
- 数组解构赋值。ES6可以直接以let [a,b,c] = [1,2,3]形式进行变量赋值,在声明较多变量时,不用再写很多let(var),且映射关系清晰,且支持赋默认值
- 扩展运算符。ES6新增的扩展运算符(…)(重要),可以轻松的实现数组和松散序列的相互转化,可以取代arguments对象和apply方法,轻松获取未知参数个数情况下的参数集合。(尤其是在ES5中,arguments并不是一个真正的数组,而是一个类数组的对象,但是扩展运算符的逆运算却可以返回一个真正的数组)。扩展运算符还可以轻松方便的实现数组的复制和解构赋值(let
a = [2,3,4]; let b = […a]) - ES6在Array原型上新增了find()方法,用于取代传统的只能用indexOf查找包含数组项目的方法,
- 此外还新增了copyWithin(),includes(), fill(),flat()等方法,可方便的用于字符串的查找,补全,转换等
ES6对Number数字类型做的常用升级优化
- ES6在Number原型上**新增了isFinite(), isNaN()**方法,用来取代传统的全局isFinite(),
isNaN()方法检测数值是否有限、是否是NaN。ES5的isFinite(),
isNaN()方法都会先将非数值类型的参数转化为Number类型再做判断,这其实是不合理的,最造成isNaN(‘NaN’) ===
true的奇怪行为–'NaN’是一个字符串,但是isNaN却说这就是NaN。 - ES6在Math对象上**新增了Math.cbrt(),trunc(),hypot()**等等较多的科学计数法运算方法,可以更加全面的进行立方根、求和立方根等等科学计算.
ES6对Object类型做的常用升级优化
- 对象属性变量式声明。ES6可以直接以变量形式声明对象属性或者方法,。比传统的键值对形式声明更加简洁,更加方便,语义更加清晰。
- ES6在Object原型上新增了is()方法,做两个目标对象的相等比较,用来完善’=‘方法。’='方法中NaN === NaN
//false其实是不合理的,Object.is修复了这个小bug。 - ES6在Object原型上新增了assign()方法,用于对象新增属性或者多个对象合并
- ES6在Object原型上还新增了Object.keys(),Object.values(),Object.entries()方法,用来获取对象的所有键、所有值和所有键值对数组
ES6对Function函数类型做的常用升级优化
- 箭头函数(核心)。箭头函数是ES6核心的升级项之一,箭头函数里没有自己的this,这改变了以往JS函数中最让人难以理解的this运行机制.
- 箭头函数内的this指向的是函数定义时所在的对象,而不是函数执行时所在的对象。ES5函数里的this总是指向函数执行时所在的对象,这使得在很多情况下this的指向变得很难理解,尤其是非严格模式情况下,this有时候会指向全局对象,这甚至也可以归结为语言层面的bug之一。ES6的箭头函数优化了这一点,它的内部没有自己的this,这也就导致了this总是指向上一层的this,如果上一层还是箭头函数,则继续向上指,直到指向到有自己this的函数为止,并作为自己的this
- 箭头函数不能用作构造函数,因为它没有自己的this,无法实例化
- 也是因为箭头函数没有自己的this,所以箭头函数 内也不存在arguments对象。(可以使用扩展运算符代替)
- 函数默认赋值。ES6之前,函数的形参是无法给默认值得,只能在函数内部通过变通方法实现。ES6以更简洁更明确的方式进行函数默认赋值