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

当前位置:首页  >  关于学院  >  技术论坛  >  正文

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

来源:千锋教育
作者:qyf
2022-01-20
分享

  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前端培训班、课程、价格、试听等信息,请您留下联系方式,千锋教育课程顾问会尽快联系您,为您定制专属课程,开始您的学习之旅。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

相关推荐

  • 他们说的抖音带货“兴趣电商”到底是什么? 一、什么是兴趣电商? 兴趣电商是一种基于人们对美好生活的向往,满足用户潜在购物兴趣,提升消费者生活品质的电商 兴趣电商成交路线: 1.娱乐消遣,无明确购买需求 例如:休闲一下,刷会 抖音,看看今天有什么好玩的视频! 2.短视频/直播娱乐 例如:这个小姐姐画眼线也太熟练了吧! 3.被提示痛点 例如:一直想学学画眼线,好像得买只眼线笔? 4.被激发商品兴趣与购买需求 例如:小姐姐用的眼线笔看上去很适合新手,不如买来试试?
  • 任何一个做抖音、开直播没流量的人 不看这篇我都会伤心 短视频播放量破不了500、直播间在线人数个位数、用心做了短视频就是没流量……这些做抖音短视频和开直播的常见问题,小编就帮大家盘一盘流量那点事儿,并交上一份你急需的解决方案,快来领取!
  • 手把手教你提升抖音店铺&账号管理能力 结合我的经历、特点等和用户画像决定账号的相处关系,主要分为: 高大上、近生活、接地气   我是谁 + 用户是谁   二、账号主页搭建六要素   1.头像   l 人物ip:形象照、生活照、艺术照画质清晰、有亲和力
  • Python培训教程:python字符串连接的五种方法 学习Python技术的同学们应该都会接触到Python字符串这个课程,字符串是python中最常用的数据类型,我们可以使用引号('或")来创建字符串;而且创建字符串很简单,只要为变量分配一个值即可。那么python连接字符串的方法有哪些呢?
  • UI培训分享:ui设计的简约风格有哪些误区? 从事UI设计工作的我们,对于设计风格是一定要有自己的思维的,很多企业都要求简约风格,那么到底什么样的是简约风格?ui设计的简约风格有哪些误区?来看看下面的详细介绍。
  • Python培训教程分享:Python魔法方法是什么?如何使用? 本期Python培训教程分享:Python魔法方法是什么?如何使用?魔方方法是Python的内置方法,无需主动调用,主要目的就是为了给Python的解释器进行调用,而且每个魔方方法都有一个对应的内置函数或运算符,接下来我们来看看具体的介绍。