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

你可能感兴趣的:(JavaScript26)