版权声明
- 本文原创作者:清风不渡
- 博客地址:https://blog.csdn.net/WXKKang
重拾前端记忆,记录学习笔记,现在进入ES6 对象解构赋值部分
一、对象解构赋值
对象的解构赋值即是将对象的属性进行解构后赋值给变量,便于我们对属性进行操作,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>清风不渡</title>
</head>
<body>
<script>
//解构赋值是对象的属性可以没有次序,但是变量必须与属性同名才能取到正确的值
var user = {
name : "Tom",
age : 18
}
let {name} = user;
console.log(name);
//对象的解构赋值,可以很方便的将对象所包含的方法赋值给变量,便于使用
let {random} = Math;
console.log(random());
//如果要将一个已声明的变量用于解构赋值,需要注意
// let age = 17;
// let {age} = user;
// console.log(age);
let age = 17;
({age}= user) ;
console.log(age);
</script>
</body>
</html>
结果如下:
注意:
解构赋值是对象的属性可以没有次序,但是变量必须与属性同名才能取到正确的值
对象的解构赋值,可以很方便的将对象所包含的方法赋值给变量,便于使用
如果要将一个已声明的变量用于解构赋值,需要注意