ES6解构数组、解构对象以及let声明变量

解构数组

比如,我们定义了一个数组,我们要把数组中的每一项都赋值给一个对应的变量,以前的写法是这样的,我们需要一个一个的去赋值。

function books(){
	return ['javascript','html5','css3'];
}
{
	let js = books()[0];
	let h5 = books()[1];
	let c3 = books()[2];
	console.log(js+":"+h5+":"+c3);
}

使用结构数组的方法,代码如下

function books(){
	return ['javascript','html5','css3'];
}
{
	let [js,h5,c3] = books();
	console.log(js+":"+h5+":"+c3);
}

解构对象

//变量名必须和属性名相同
function books(){
	return {js:"javascript",h5:"html5",c3:"css3"};
}

let {js,h5,c3} = books();
console.log(js);

let声明变量

let声明的变量的作用域在块内有效,我们将打印的代码写在块的外面就会报错

function books(){
	return ['javascript','html5','css3'];
}
{
	let [js,h5,c3] = books();
}
console.log(js+":"+h5+":"+c3);

在这里插入图片描述
可以看到报错信息,变量js未定义

猜你喜欢

转载自blog.csdn.net/wadedt/article/details/88390158