当前位置: 首页 > article >正文

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以更简洁更明确的方式进行函数默认赋值

http://www.kler.cn/a/15088.html

相关文章:

  • golang通用后台管理系统09(系统操作日志记录)
  • 运维面试题.云计算面试题之三ELK
  • 【时时三省】(C语言基础)字符分类函数目录
  • SRP 实现 Cook-Torrance BRDF
  • 【期权懂|个股期权中的备兑开仓策略是如何进行的?
  • 【Spring】循环引用 解决流程,只用一二级缓存?
  • streamx平台部署
  • 1689_MATLAB处理Excel文件提升篇
  • 【ROS】ubuntu18.04安装ROS(ROS1 Melodic)
  • 报告打印的相关CAPL函数,实例代码演示汇总
  • VS 对话框编辑器命令的默认快捷键
  • 创建第一个DJango3的后端项目
  • Kafka 安装部署-单节点
  • PostgreSQL 数据类型转换
  • Java泛型之通配符类型
  • Linux 内存 pt.1
  • 正则表达式基础
  • 【Java】SpringBoot中实现多数据源切换
  • Vue-列表过滤
  • 题解,超星进程
  • 记录 docker linux部署jar
  • 三问 ThreadLocal —— 有什么用 ? 使用时有什么潜在风险?原理 ?
  • 【C++】模板进阶
  • mysql实现存在则保存,不存在则更新
  • Java线程池核心参数
  • CA(证书颁发机构)