前言

在es6来临的时候，他带来的新语法与特性，大家用过之后发现代码变得更加严谨，还大大增加了可读性，像许多重要的功能 模板字符串、箭头函数、解构赋值、模板字符串，还有非常强大的类,module等

下面我会举出俩种写法当例子，来供大家阅读

交换俩个变量的位置

• 之前我们会采用新创建一个temp变量来做处理，但现在直接使用结构就好了

// 之前的写法
let a = 1;
let b = 2;

let temp = x;
a = b;
b = temp;

// 现在的写法 一行代码就实现了 非常实用方便
[a,b] = [b,a]

随时生成字符串

这里是通过Math.random 和 toString 来实现并生成

• Math.random()可以生成一个(0, 1)区间的随机数
• toString方法可以将数字转化为radix进制的字符串

console.log(Math.random()) // 0.32442092439190673
console.log(Math.random()) // 0.56735456229190673

console.log(Math.random().toString(24)) // 0.njk5d6i1l5

// 接下来我们使用substring方法来截取一下，看下面的操作
console.log(Math.random().toString(24).substring(2)) // 现在输出以后会变成 njk5d6i1l5

reduce 代替 map 和 filter

// 这里先随便给一个数组，然后需求是拿到数组*2以后大于30的新数组
// 先看一下基本操作

const numList = [10,20,30,40]

// 看一下非常普遍的用法 
numList.map(num => num * 2).filter(num => num > 30)

// 再来看改造后的
numList.reduce((arr,num)=>{
   const newNum =  num * 2
   newNum > 30 && arr.push(newNum)
},[])

最后

由于时间问题所以就暂时写了几个使用的js小代码块，日后有时间都会继续更新，虽然更新的内容少了些，但是我们积少成多，谢谢支持！