ES6解构赋值详解

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。这种赋值语法极为简洁,同时还比传统的属性访问方法更为清晰

1:数组的解构赋值,可以从数组中提取值,按照对应位置,对变量进行赋值

var num = [12,45,78];

var [a,b] = num ;

console.log(a,b);  此时输出12 45

2:对象的解构赋值

var tool ={

name = 'xiaoming',

age = 12,

sex = 'girl'

};

var {name,age} = tool;

conaole.log(name,age); 此时输出xioaming 12

3:字符串的解构赋值,字符串被转化成一个类似数组的对象

var [a,b,c,d] = "java";

console.log(a,b,c,d); 此时输出结果为j a v a

4:函数参数的解构赋值

function tool ([x,y]){

console.log(x,y);

}

tool([4,5]);  此时输出结果为4 5

猜你喜欢

转载自blog.csdn.net/qq_38845858/article/details/81912836
今日推荐