解构赋值

解构赋值包含数组解构、对象解构、函数解构赋值

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>数组解构</title>
  8.   </head>
  9.   <body></body>
  10.   <script>
  11.     // 数组解构
  12.     let [name, age] = ["张峰", "33岁"];
  13.     console.log(name, age);
  14.     //迭代更新
  15.     [name, age] = ["老王", "44岁"];
  16.     console.log(name, age);
  17.     //参数不足添加默认值,参数过多,归并参数,用...
  18.     [a, b, c, d, e, ...f] = [1, 2, 4, 5, 6, 7, 8, 9];
  19.     console.log(a, b, c, d, e, f);
  20.     // 对象解构不用let时,等号左边禁止出现大括号,必须使用大括号时
  21.     // 用括号包住转为表达式
  22.     ({ name, age } = { name: "张峰", age: "33岁" });
  23.     console.log(name, age);
  24.     // 函数解构传参
  25.     function getUser({ name, age }) {
  26.       console.log(name, age);
  27.     }
  28.     getUser({ name: "老吴", age: "66岁" });
  29.   </script>
  30. </html>

下一篇写DOM

更多相关文章

  1. es6结构赋值+DOM节点的增删改查+自定义属性: dataset对象的用法+
  2. 解构赋值及其在函数传参中的应用
  3. 1. 实例演示解构赋值,特别是函数参数中使用解构的方式2. dom元素
  4. 深入浅出理解PHP原理之变量赋值
  5. 原生Js增删改查及解构赋值
  6. js语法：解构赋值、dom元素的增删改、dataset,classList对象的使用
  7. ES6 解构赋值
  8. 解构赋值、DOM操作以及dataset和classList对象的使用
  9. PHP简易计算器&封装函数练习

随机推荐

  1. 关于php mysqli函数的一些总结和实例（四）
  2. PHP基于limit子句的分页详细操作
  3. 对于PHP-FPM参数的理解
  4. 关于php mysqli函数的总结与详细介绍（二）
  5. 两步快速实现PHP分页功能，方便实用
  6. 关于PHP Mysqli函数的一些整理以及详细介
  7. 使用PHP生成带有干扰线的验证码，干扰点、
  8. Swoole在PHP-fpm/apache中使用task功能
  9. php-fpm的reload过程
  10. 关于PHP安全编程的一些建议