• <legend id='I4Hxv'><style id='I4Hxv'><dir id='I4Hxv'><q id='I4Hxv'></q></dir></style></legend>

    1. <i id='I4Hxv'><tr id='I4Hxv'><dt id='I4Hxv'><q id='I4Hxv'><span id='I4Hxv'><b id='I4Hxv'><form id='I4Hxv'><ins id='I4Hxv'></ins><ul id='I4Hxv'></ul><sub id='I4Hxv'></sub></form><legend id='I4Hxv'></legend><bdo id='I4Hxv'><pre id='I4Hxv'><center id='I4Hxv'></center></pre></bdo></b><th id='I4Hxv'></th></span></q></dt></tr></i><div id='I4Hxv'><tfoot id='I4Hxv'></tfoot><dl id='I4Hxv'><fieldset id='I4Hxv'></fieldset></dl></div>

        <bdo id='I4Hxv'></bdo><ul id='I4Hxv'></ul>
      <tfoot id='I4Hxv'></tfoot>

      <small id='I4Hxv'></small><noframes id='I4Hxv'>

      1. 基于ES6作用域和解构赋值详解

        时间:2023-12-08

        <small id='EYTwa'></small><noframes id='EYTwa'>

          <tbody id='EYTwa'></tbody>

          • <tfoot id='EYTwa'></tfoot>
          • <legend id='EYTwa'><style id='EYTwa'><dir id='EYTwa'><q id='EYTwa'></q></dir></style></legend>
            1. <i id='EYTwa'><tr id='EYTwa'><dt id='EYTwa'><q id='EYTwa'><span id='EYTwa'><b id='EYTwa'><form id='EYTwa'><ins id='EYTwa'></ins><ul id='EYTwa'></ul><sub id='EYTwa'></sub></form><legend id='EYTwa'></legend><bdo id='EYTwa'><pre id='EYTwa'><center id='EYTwa'></center></pre></bdo></b><th id='EYTwa'></th></span></q></dt></tr></i><div id='EYTwa'><tfoot id='EYTwa'></tfoot><dl id='EYTwa'><fieldset id='EYTwa'></fieldset></dl></div>

                  <bdo id='EYTwa'></bdo><ul id='EYTwa'></ul>

                • 基于ES6作用域和解构赋值详解

                  作用域 Scope

                  作用域是程序代码中声明变量的区域。作用域可以分为全局作用域和局部作用域。

                  在ES6中,可以使用letconst声明变量,这两种声明方式都是块级作用域。

                  示例 1

                  // 全局作用域
                  let a = 1;
                  
                  function test() {
                    // 局部作用域
                    let b = 2;
                    console.log(a); // 1
                    console.log(b); // 2
                  }
                  
                  test();
                  console.log(a); // 1
                  console.log(b); // 报错:b未定义
                  

                  示例 2

                  // let声明的变量不允许重复声明
                  let a = 1;
                  let a = 2; // 报错
                  

                  解构赋值 Destructuring

                  解构赋值是一种特殊的赋值方式,它可以将数组或对象中的值解构到不同的变量中。

                  数组解构

                  let arr = [1, 2, 3];
                  
                  // 将数组的第一个值赋值给a,第二个值赋值给b,第三个值赋值给c
                  let [a, b, c] = arr;
                  
                  console.log(a); // 1
                  console.log(b); // 2
                  console.log(c); // 3
                  

                  对象解构

                  let obj = { name: 'Tom', age: 18 };
                  
                  // 将对象的name属性赋值给a,age属性赋值给b
                  let { name: a, age: b } = obj;
                  
                  console.log(a); // Tom
                  console.log(b); // 18
                  

                  示例 3

                  // 混合使用数组解构和对象解构
                  let arr = [{ name: 'Tom', age: 18 }, { name: 'Jerry', age: 20 }];
                  
                  // 将第一个数组元素的name属性赋值给a,age属性赋值给b,将第二个数组元素的name属性赋值给c,age属性赋值给d
                  let [{ name: a, age: b }, { name: c, age: d }] = arr;
                  
                  console.log(a); // Tom
                  console.log(b); // 18
                  console.log(c); // Jerry
                  console.log(d); // 20
                  

                  结束语

                  ES6的作用域和解构赋值在开发中非常常用,掌握好这部分内容对于编写高质量的JavaScript代码非常有帮助。

                  上一篇:jQuery中使用animate自定义动画的方法 下一篇:详解js中的apply与call的用法

                  相关文章

                  <legend id='pxfwp'><style id='pxfwp'><dir id='pxfwp'><q id='pxfwp'></q></dir></style></legend>
                    <bdo id='pxfwp'></bdo><ul id='pxfwp'></ul>

                • <i id='pxfwp'><tr id='pxfwp'><dt id='pxfwp'><q id='pxfwp'><span id='pxfwp'><b id='pxfwp'><form id='pxfwp'><ins id='pxfwp'></ins><ul id='pxfwp'></ul><sub id='pxfwp'></sub></form><legend id='pxfwp'></legend><bdo id='pxfwp'><pre id='pxfwp'><center id='pxfwp'></center></pre></bdo></b><th id='pxfwp'></th></span></q></dt></tr></i><div id='pxfwp'><tfoot id='pxfwp'></tfoot><dl id='pxfwp'><fieldset id='pxfwp'></fieldset></dl></div>
                    <tfoot id='pxfwp'></tfoot>

                    <small id='pxfwp'></small><noframes id='pxfwp'>