16.5 解构语法

提到解构，就不得不提封装

  • 封装 封装指的是将内容包装在一起
    • 代码封装 使用函数
    • 数据封装 使用数据结构 目前为止我们学习的数据结构一共有两种 分别是数组和对象

  • 解构 指的是解除构造\解除结构(换句话说就是，你封装的，我给你拆了)

    16.5.1 解构数组

  • 人工解构

    1. // 定义数组
    2. var arr = [1, 2, 3, 4, 5];
    3. // 人工解除结构
    4. var a = arr[0];
    5. var b = arr[1];
    6. var c = arr[2];
    7. var d = arr[3];
    8. var e = arr[4];
    9. • ES6语法解构
    10. // 定义数组
    11. var arr = [1, 2, 3, 4, 5];
    12. // 解构语法
    13. var [a, b, c, d, e] = arr;

    16.5.2 解构对象

  • ES6语法解构

    1. // 解构对象
    2. var obj = {
    3.   username: "zhangsan",
    4.   password: "123321",
    5.   dog: {
    6.       name: "xiaobai"
    7.   }
    8. }
    9. var {password, username, dog} = obj;
    10. console.log(username, password, dog);

    注: 数组解构，是用下标一一对应，所以要注意顺序。 对象解构，是使用属性名对应，所以不用注意顺序，但是要注意属性名是否对应。