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';