59859cc威尼斯官网-威尼斯欢乐娱人成app

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

  • JavaEE
  • HTML&JS+前端
  • Python+大数据开发
  • 人工智能开发
  • UI/UE设计
  • App测试
  • 新媒体+短视频
    直播运营
  • 59859cc威尼斯官网-威尼斯欢乐娱人成app

热门课程

  • JavaEE
  • HTML&JS+前端
  • Python+大数据开发
  • 人工智能开发
  • UI/UE设计
  • App测试
  • 新媒体+短视频直播运营
  • 59859cc威尼斯官网-威尼斯欢乐娱人成app

let关键字声明变量有哪些好处?

更新时间:2022年01月18日14时17分 来源:传智教育 浏览次数:

let关键字

1. for循环索引值不会泄露

如果在for循环中使用let关键词声明变量,索引值只会在循环体内有效,循环结束后,索引值会被回收;

如果在for循环中使用var关键词声明变量,索引值在循环结束后,索引值仍然可以访问,所以在for循环中使用let关键字声明变量时最合适的。

如下面案例:

<script>
    for (var i = 0; i <= 10; i++) {

    }
    console.log(i);     // 输出:11

    for(let j = 0; j <= 10; j++){

    }
    console.log(j);     // ReferenceError: j is not defined
</script>

let关键词

运行结果


2. 可以避免变量提升导致变量覆盖问题

<script>
    var name = 'zhang';
    function name_change() {
        console.log(name);      // undefined
        if(false){
            var name = 'wang';
        }
    }
    name_change();          // undefined
</script>

上面代码中,使用var关键字定义了全局变量name,在name_change()函数中输出变量name,但是var关键字存在变量提升,在if代码块内的变量name会提升至函数name_change()函数顶部,导致输出的name覆盖了外层的全局变量name,因此输出“undefined”。

<script>
    var name = 'zhang';
    function name_change() {
        console.log(name);      // zhang
        if(false){
            let name = 'wang';
        }
    }
    name_change();              // zhang
</script>

如果使用let定义if代码块儿内的name,那么name变量只在if代码块块内有效,不会影响到全局变量name,所以能够输出“zhang”。


3. 代替马上实行函数IIFE

马上实行函数(Immediately-Invoked Function Expression,简称IIFE)的内部是一个独立的函数级作用域,使用IIFE的目的主要是避免污染当前作用域内的变量,而使用块级作用域则可以直接避免这个问题。

// I IFE 写法
(function () {
   var arg = ...;
    ...
}());


// 块级作用域写法
{
    let arg = ...;
    ...
}


猜你喜欢:

var、let、const声明变量的区别

JS如何实现数组随机排序?JS数组随机排序的3种方法

JS编译原理:Javascript代码编译步骤有哪些?

Javascript猜数游戏怎么实现?【含游戏源码】

传智教育web前端培训课程

0 分享到:

59859cc威尼斯官网|威尼斯欢乐娱人成app

XML 地图 | Sitemap 地图