123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <!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);
- let a1 = 1;
- let a2 = 2;
- </script>
- </body>
- </html>
|