JavaScript let 和 const、全局变量和局部变量

您所在的位置:网站首页 数组和变量可以同名吗 JavaScript let 和 const、全局变量和局部变量

JavaScript let 和 const、全局变量和局部变量

2024-07-14 16:33| 来源: 网络整理| 查看: 265

let 和 const 定义

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。

let 在let 命令所在的代码块内声明局部变量。const 声明只读的常量值不能改变,不支持二次写值。 const PI = 3.141592653589793; // 声明时必须进行初始化,且初始化后值不可再修改: PI = 3.14; // 报错 二次赋值 PI = PI + 10; // 报错 二次赋值 const 定义的变量并非常量,并非不可变,它定义了一个常量引用一个值。使用 const 定义的对象或者数组,其实是可变的。下面的代码并不会报错: // 创建常量对象 const car = {type:"Fiat", model:"500", color:"white"}; // 修改属性: car.color = "red"; // 添加属性 car.owner = "Johnson"; // 但是我们不能对常量对象重新赋值: car = {type:"Volvo", model:"EX60", color:"red"}; // 错误

在 ES6 之前,JavaScript 只有两种作用域,全局变量与函数内的局部变量。

let 和 const 定义 全局变量在任何脚本和函数内均可访问。 var carName = "Volvo"; myFunction(); function myFunction() { document.getElementById("demo").innerHTML = "我可以显示 " + carName; } Block Scope (块级作用域) 函数内使用 var 声明的变量只能在函数内容访问,如果不使用 var 则是全局变量。

在 ES6 之前,是没有块级作用域的概念的。

ES6 可以使用 let 关键字来实现块级作用域。

let 声明的变量只在 let 命令所在的代码块 {} 内有效,在 {} 之外不能访问。

为什么新增 let 声明:

使用 var 关键字重新声明变量会带来问题,在块中重新声明变量也会重新声明块外的变量:

var x = 10; // 这里输出 x 为 10 { var x = 2; // 这里输出 x 为 2 } // 这里输出 x 为 2

let 关键字就可以解决这个问题,因为它只在 let 命令所在的代码块 {} 内有效。

var x = 10; // 这里输出 x 为 10 { let x = 2; // 这里输出 x 为 2 } // 这里输出 x 为 10 Internet Explorer 11 及更早版本的浏览器不支持 let 关键字。下面列出了各个浏览器支持 let 关键字的最低版本号。 在这里插入图片描述 以下这段代码中作用域外的i输出始终为5,而作用域内i则不断变化 let i = 5; for (let i = 0; i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3