1.let与const

(1)let: 如下图 let所声明的变量,只在let命令所在的代码块内有效,也就是局部变量,如果把下图注释部分放开就会报错

(2)const: const声明的变量是常量,不能被修改 

手把手带你了解ES5,ES6新特性

2.字符串函数的扩展

includes():返回布尔值,表示是否找到了参数字符串。

startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。

endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。

手把手带你了解ES5,ES6新特性

3.字符串模板

ES6中提供了`来作为字符串模板标记。在两个`之间的部分都会被作为字符串的值,不管你任意换行,甚至加入js脚本

4.解构表达式

适用场景:1.当一个数组的数据量很小时可以使用结构表达式来简化取值后赋值的操作

               2.获取对象内某个属性的值

               3.对象的深克隆

下面举例一些常见使用场景

手把手带你了解ES5,ES6新特性

下面是以上代码在浏览器运行后的结果

手把手带你了解ES5,ES6新特性

5.函数优化

(1)定义方法的格式变化

手把手带你了解ES5,ES6新特性

(2)对象内部方法格式的简化

手把手带你了解ES5,ES6新特性

(3)当明确参数为对象或者数据量小的数组时可以为解构表达式

手把手带你了解ES5,ES6新特性

控制台结果如下:

手把手带你了解ES5,ES6新特性

6.map及reduce

最早诞生是源于大数据的处理

(1)map 

let arr = ['12','-4','45']
let arr2  = arr.map(va => parseInt(va));

手把手带你了解ES5,ES6新特性

结果如下

手把手带你了解ES5,ES6新特性

(2)reduce

reduce():接收一个函数(必须)和一个初始值(可选)。

第一个参数(函数)接收两个参数:

第一个参数是上一次reduce处理的结果

第二个参数是数组中要处理的下一个元素

比如我们要计算一个数组内所有值的和或者乘积

手把手带你了解ES5,ES6新特性

如果我们的数组可能只有一个数的时候这时需要指定一个默认值

手把手带你了解ES5,ES6新特性

运行结果都是如下

手把手带你了解ES5,ES6新特性

 

相关文章:

  • 2022-02-10
  • 2021-10-04
  • 2021-09-27
  • 2021-09-17
  • 2021-07-27
  • 2021-11-22
  • 2021-09-19
猜你喜欢
  • 2021-08-17
  • 2021-10-16
  • 2021-12-29
  • 2021-11-26
  • 2022-12-23
  • 2020-01-09
  • 2021-07-23
相关资源
相似解决方案