|
|
@@ -0,0 +1,78 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ // 数组的解构赋值
|
|
|
+ // 按照数组的顺序进行赋值
|
|
|
+ // let arr = [1,2,3,4,5];
|
|
|
+ // let a = arr[0];
|
|
|
+ // let b = arr[1];
|
|
|
+ // let c = arr[2];
|
|
|
+ // let [a,b,c,d,e] = arr;
|
|
|
+ // console.log(a,b,c,d,e);
|
|
|
+ // let [a,b] = arr;
|
|
|
+ // console.log(a,b);
|
|
|
+
|
|
|
+
|
|
|
+ // 对象的解构赋值
|
|
|
+ // 按照对象的属性名进行赋值
|
|
|
+ // let person = {
|
|
|
+ // name:"张三",
|
|
|
+ // age:18,
|
|
|
+ // sex:"男"
|
|
|
+ // }
|
|
|
+ // let {age,name,sex} = person;
|
|
|
+ // console.log(name,age,sex);
|
|
|
+ // 可以给属性名起别名
|
|
|
+ // let {name:userName,age,sex} = person;
|
|
|
+ // console.log(userName,age,sex);
|
|
|
+
|
|
|
+
|
|
|
+ // 字符串结构
|
|
|
+ // 字符串也可以解构赋值
|
|
|
+ // 类似于数组结构 按照顺序赋值
|
|
|
+ // let str = "hello";
|
|
|
+ // let [a,b,c,d,e] = str;
|
|
|
+ // console.log(a,b,c,d,e);
|
|
|
+
|
|
|
+ // 参数结构
|
|
|
+ // let person = {
|
|
|
+ // userName:"张三",
|
|
|
+ // age:18,
|
|
|
+ // sex:"男"
|
|
|
+ // }
|
|
|
+ // function fn(val){
|
|
|
+ // // let thisName = val.userName;
|
|
|
+ // // let thisAge = val.age;
|
|
|
+ // // let thisSex = val.sex;
|
|
|
+ // let {userName:thisName,age:thisAge,sex:thisSex} = val;
|
|
|
+ // let str = `我叫${thisName},我今年${thisAge}岁,我是${thisSex}`;
|
|
|
+ // console.log(str);
|
|
|
+ // }
|
|
|
+ // fn(person);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ function fn(){
|
|
|
+ let obj = {
|
|
|
+ a:1,
|
|
|
+ b:"hello",
|
|
|
+ c:[1,2,3]
|
|
|
+ }
|
|
|
+ // ........
|
|
|
+ return obj;
|
|
|
+ }
|
|
|
+ // let val = fn();
|
|
|
+ // console.log(val.a,val.b,val.c);
|
|
|
+ let {a,c} = fn();
|
|
|
+ console.log(a,c);
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
