JavaScript26

ES6

一、解构赋值

ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为结构赋值，解构赋值主要包括数组的结构赋值、对象的结构赋值、字符串的结构赋值、函数参数的结构赋值。

数组的解构赋值

代码如下

//传统赋值

var num1=1;

var num2=2;

var num3=3;

//结构赋值

let [str1,str2,str3]=['aa','bb','cc'];

console.log(str1);

console.log(str2);

console.log(str3);

对象的解构赋值

代码如下：

let {num1,num2}={num1:100,num2:10};

console.log(num1);

console.log(num2);

字符串的解构赋值

代码如下：

let [a,b,c,d,e]=['hello'];

console.log(a);

console.log(b);

console.log(c);

console.log(d);

console.log(e);

函数参数的解构赋值

代码如下

function fn([x,y]){

    return x+y;

}

console.log(fn([10,20]));

解析：由于平时传入的参数x，y作为变量进行传入，加上“[ ]”表示以一个数组的形式进行传入参数，在调用函数的同时也是同样。

调换两个数的值

之前的写法

var a=3;

var b=5

var c;

交换两个数的值：声明第三个变量

c=b;

b=a;

a=c;

//使用es6语法

let num1=10;

let num2=20;

[num1,num2]=[num2;num1];

console.log(num1);

console.log(num2);

模板字符串

多行字符串

用单引号或是双引号表示的字符串在编辑的过程中只能在一行显示，若要在多行显示需要在每一行结尾添加一个斜杠，这样的编辑方式对开发者显然不够友好，我们可以使用模板字符串的功能换行编辑字符串，代码如下所示

let str=`hello

    world

    `;

    console.log(str);

字符串中定义变量

es5写法

var name='jack';