千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > web前端培训分享:JavaScript中let关键词声明变量的好处

web前端培训分享:JavaScript中let关键词声明变量的好处

来源:千锋教育
发布人:qyf
时间: 2022-01-20 17:54:00 1642672440

  web前端技术近几年在互联网行业可以说是非常刚需的,各大企业都是有这个岗位存在的,越来越多的人开始学习web前端技术,进军互联网行业,那么本期小编就为大家介绍的web前端培训教程就是JavaScript中let关键词声明变量的好处,来看看下面的详细介绍吧。

  web前端培训分享:JavaScript中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>

1

  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的目的主要是避免污染当前作用域内的变量,而使用块级作用域则可以直接避免这个问题。

  // IIFE 写法

  (function () {

  var arg = ...;

  ...

  }());

  // 块级作用域写法

  {

  let arg = ...;

  ...

  }

  以上就是为大家介绍的web前端培训教程了,希望上面的介绍能够给大家带来帮助,如需了解更多的web前端培训班、课程、价格、试听等信息,请您留下联系方式,千锋教育课程顾问会尽快联系您,为您定制专属课程,开始您的学习之旅。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT