JavaScript ES6 技巧写法及详细解析和源码

目录：

设置函数默认参数

条件查找find/findIndex

展开运算符

多行字符串和字符串拼接

多行字符串和字符串拼接

设置函数默认参数

ES6 指定默认参数在它们被实际使用的时候才会被使用，这与不管参数在函数体内被用到都会被传递的C语言不同，这个特性让我们可以设置一个函数参数的默认值而不消耗性能。

function fun(para=default_value)
{
  ...
}

条件查找find/findIndex

let ages = [12, 19, 6, 4];

let firstAdult = ages.find(age => age >= 18); // 19
let firstAdultIndex = ages.findIndex(age => age >= 18); // 1

展开运算符

let numbers = [9, 4, 7, 1];
Math.min(...numbers); // 1
console.log(...numbers);//9 4 7 1

多行字符串和字符串拼接

let myString = `Hello

I'm a new line`; // No error!

利用` `可以实现多行字符串，即字符串模板，在字符串中插入变量可以这样写

let first="chen";
let last="ming";
let varStr="My name is $(first)  $(last)";

解构

逐个拆分现有的对象或数组，来提取你所需要的数据。

通常我们会这样取数组的数据：

var first = someArray[0];  
var second = someArray[1];  
var third = someArray[2];  

在ES6中我们可以这样读取数据，可读性和写法都大大优化了

var [first, second, third] = someArray;  

注意 这里的var也可以替换成let const等。

如果想空缺某个值，可以这么写：

var [, second, third] = someArray;