• <bdo id='SFqpM'></bdo><ul id='SFqpM'></ul>

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

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

      <legend id='SFqpM'><style id='SFqpM'><dir id='SFqpM'><q id='SFqpM'></q></dir></style></legend>

      <tfoot id='SFqpM'></tfoot>

      1. JavaScript中用let语句声明作用域的用法讲解

        当我们想在JavaScript代码中创建一个作用域时,就可以使用let语句来声明一个变量。与var语句不同,let语句创建的变量只在该语句处于作用域内才有效,超出该作用域范围,该变量将不再存在。
          <legend id='xBzJD'><style id='xBzJD'><dir id='xBzJD'><q id='xBzJD'></q></dir></style></legend>

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

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

                    <tbody id='xBzJD'></tbody>
                1. <tfoot id='xBzJD'></tfoot>

                  当我们想在JavaScript代码中创建一个作用域时,就可以使用let语句来声明一个变量。与var语句不同,let语句创建的变量只在该语句处于作用域内才有效,超出该作用域范围,该变量将不再存在。

                  那么,如何使用let语句来声明作用域呢?以下是详细的攻略:

                  1. 基本语法

                  {
                    let x = 1;
                    console.log(x); // 1
                  }
                  console.log(x); // 抛出 'Uncaught ReferenceError: x is not defined' 错误
                  

                  在以上代码中,我们使用了一对大括号来创建一个语句块,其中使用了let语句声明了一个变量x。当我们在该语句块中调用变量x时,输出结果为1。但当我们超出该语句块范围后,尝试调用变量x时,就会抛出‘Uncaught ReferenceError: x is not defined’的错误。

                  这是因为,使用let语句声明的变量只在该语句块范围内有效。当我们超出该范围时,该变量就不存在了。

                  2. 声明变量

                  let x;
                  x = 1;
                  console.log(x); // 1
                  

                  在以上代码中,我们使用了let语句声明了一个变量x。由于该变量没有被初始化,因此它的值为undefined。在之后,我们通过对变量x赋值1,使其拥有了一个实际的值。在代码的最后,我们调用变量x的值并输出结果为1。

                  这里需要注意,使用let语句声明变量时,需要在后面加上分号,否则会导致代码出错。

                  3. 在循环中使用let

                  for (let i = 0; i < 5; i++) {
                    setTimeout(function() {
                      console.log(i);
                    }, 1000);
                  }
                  

                  在以上代码中,我们使用了let语句声明循环变量i。如果使用var语句声明该变量,那么当我们在定时器函数中输出变量i的值时,会得到输出结果为5的字样。而使用let语句声明变量,则可以使变量i在每次循环时都会重新赋值,从而避免了这个问题。

                  在上述for循环中,我们将每次定时器函数的调用时间设为1秒钟。因为在1秒钟之内,变量i的值不可能有任何的修改,所以在定时器函数中输出变量i的值时,其输出结果也应该是在循环过程中变量i的值。

                  在实际工程中,我们需要特别注意使用let语句和var语句的区别,在不同的场景下使用不同的变量声明方式,可以提高代码的健壮性和鲁棒性。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  layui实现图片上传成功后回显点击放大图片功能,html代码部分: !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-
                  Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150
                  我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen
                  https的网站如果引用百度地图,会出现加载不了的问题,这是因为涉及到跨域问题,网站是https的,但是引用百度地图的是http的,这个要怎么操作呢? 比如我引用的地址:http://api.map.baidu.com/api?v=2.0ak=AK显示 后来看了一下,少了一个s=1字段,加一下s=1
                  做小程序项目的时候,客户提了一个功能需求优化,就是长按文字需要复制全部内容,因为有的手机支持全选复制,有的手机不支持全选复制。 通过设置系统剪贴板的内容和获取系统剪贴板的内容实现复制功能 html相关代码: van-field value="{{form.contactPhone}}"
                  由于项目功能需要,要实现对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好的满足这个需求,而且它还是开源的,于是乎就开始学习使用Sortable.js 特点 轻量级但功能强大 移动列表项时有动画 支持触屏设备和大多数浏览器(IE9及以下除外) 支持

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

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

                    • <tfoot id='IYWzk'></tfoot>
                      <legend id='IYWzk'><style id='IYWzk'><dir id='IYWzk'><q id='IYWzk'></q></dir></style></legend>

                        • <bdo id='IYWzk'></bdo><ul id='IYWzk'></ul>