JavaScript ES6语法中let,const ,var 的区别

作者:小高今天早睡了吗? 时间:2024-05-09 15:06:49 

一、变量声明的方式let / const

let / const 共同点

1.都是块级作用域
2.在同一个作用域下,变量名不允许重复
3.他们声明的全局变量并没有挂在 window对象上
4.都没有预编译

let / const 不同点

1.let 声明的变量值可以改变
2.const 声明的变量值不能改变,必须声明后立即赋值 (如:const a = 3.14;)
3.const 存引用数据类型时,内容可以发生改变(地址不能改变)

优先考虑使用const , 如果变量会发生改变,就使用let , 最后使用var

for循环中 var 和 let 的区别

var: 变量i是var命令声明的,在全局范围内都有效,所以全局只有一个变量i。每一次循环,变量i的值都会发生改变 ,而循环内被赋给计时器内部的函数console.log(i) 里面的i指向的就是全局的i。计时器是异步的,for循环结束后才执行。

for(var i = 1 ; i < 10 ; i++){
           setTimeout(function () {
               console.log(i);   // 输出为 9 个 10
           })
       }

let:变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是 1 2 3 4 5 6 7 8 9 10 。因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量 i 时,就在上一轮循环的基础上进行计算。

for(let i = 0 ; i < 10 ; i++){
           setTimeout(function () {
               console.log(i);  // 0 1 2 3 4 5 6 7 8 9
           })
       }

来源:https://blog.csdn.net/m0_55710075/article/details/122334313

标签:JavaScript,let,const,var
0
投稿

猜你喜欢

  • Python箱型图绘制与特征值获取过程解析

    2023-09-20 06:22:37
  • CentOS7.2虚拟机上安装MySQL 5.6.32的教程

    2024-01-23 07:30:59
  • 基于python实现百度翻译功能

    2023-09-06 15:14:18
  • SqlServer 巧妙解决多条件组合查询

    2023-07-01 14:15:00
  • Golang reflect反射的使用实例

    2024-05-05 09:32:17
  • Python流程控制if条件选择与for循环

    2022-04-03 21:09:52
  • python变量命名的7条建议

    2021-05-15 20:16:07
  • Python全面解析json数据并保存为csv文件

    2021-02-14 03:26:26
  • php数组中删除元素之重新索引的方法

    2024-05-22 10:07:18
  • 小结Python的反射机制

    2023-10-16 22:30:28
  • thinkphp5修改view到根目录实例方法

    2024-05-03 15:51:58
  • 浅谈MySQL中四种常用存储引擎

    2024-01-23 00:10:29
  • 基于域名的方式访问Istio服务网格中的多个应用程序的方法详解

    2022-04-07 11:39:56
  • 抛砖:如何进行互联网项目开发

    2010-01-25 12:25:00
  • js数组去重的11种方法

    2024-04-17 10:30:54
  • 交互设计规范原则

    2011-09-30 11:52:12
  • PHP开发实现快递查询功能详解

    2023-11-24 12:19:39
  • JavaScript实现鼠标经过表格某行时此行变色

    2024-04-16 08:51:18
  • python定时关机小脚本

    2022-09-24 23:38:21
  • 零基础写python爬虫之抓取百度贴吧代码分享

    2022-09-04 23:55:12
  • asp之家 网络编程 m.aspxhome.com