ES6对String字符串、Array数组、Number数字、Object对象类型做了哪些升级优化

__爱吃香菜

于 2023-04-25 09:57:19 发布

阅读量566

点赞数 1

文章标签： es6

本文链接：https://blog.csdn.net/weixin_59763367/article/details/130358028

版权

前言

ES6新增了字符串模板，在拼接大段字符串时，用反斜杠{ }取代以往的字符串相加的形式，能保留所有空格和换行，使得字符串拼接看起来更加直观，更加优雅.
ES6在String原型上**新增了includes()**方法，用于取代传统的只能用indexOf查找包含字符的方法(indexOf返回-1表示没查到不如includes方法返回false更明确，语义更清晰),
此外还新增了startsWith(), endsWith(),padStart(),padEnd(),repeat()等方法，可方便的用于查找，补全字符串

数组解构赋值。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原型上**新增了isFinite(), isNaN()**方法，用来取代传统的全局isFinite(),
isNaN()方法检测数值是否有限、是否是NaN。ES5的isFinite(),
isNaN()方法都会先将非数值类型的参数转化为Number类型再做判断，这其实是不合理的，最造成isNaN(‘NaN’) ===
true的奇怪行为–'NaN’是一个字符串，但是isNaN却说这就是NaN。
ES6在Math对象上**新增了Math.cbrt()，trunc()，hypot()**等等较多的科学计数法运算方法，可以更加全面的进行立方根、求和立方根等等科学计算.

对象属性变量式声明。ES6可以直接以变量形式声明对象属性或者方法，。比传统的键值对形式声明更加简洁，更加方便，语义更加清晰。
ES6在Object原型上新增了is()方法，做两个目标对象的相等比较，用来完善’=‘方法。’='方法中NaN === NaN
//false其实是不合理的，Object.is修复了这个小bug。
ES6在Object原型上新增了assign()方法，用于对象新增属性或者多个对象合并
ES6在Object原型上还新增了Object.keys()，Object.values()，Object.entries()方法，用来获取对象的所有键、所有值和所有键值对数组

箭头函数(核心)。箭头函数是ES6核心的升级项之一，箭头函数里没有自己的this,这改变了以往JS函数中最让人难以理解的this运行机制.
箭头函数内的this指向的是函数定义时所在的对象，而不是函数执行时所在的对象。ES5函数里的this总是指向函数执行时所在的对象，这使得在很多情况下this的指向变得很难理解，尤其是非严格模式情况下，this有时候会指向全局对象，这甚至也可以归结为语言层面的bug之一。ES6的箭头函数优化了这一点，它的内部没有自己的this,这也就导致了this总是指向上一层的this，如果上一层还是箭头函数，则继续向上指，直到指向到有自己this的函数为止，并作为自己的this
箭头函数不能用作构造函数，因为它没有自己的this，无法实例化
也是因为箭头函数没有自己的this,所以箭头函数内也不存在arguments对象。(可以使用扩展运算符代替)
函数默认赋值。ES6之前，函数的形参是无法给默认值得，只能在函数内部通过变通方法实现。ES6以更简洁更明确的方式进行函数默认赋值

关注