JavaScript 中let的使用 块作用域。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问
2022/3/21 9:27:32
本文主要是介绍JavaScript 中let的使用 块作用域。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JavaScript 中let的使用 块作用域。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问
https://blog.csdn.net/weixin_42754922/article/details/122259217
在 ES2015 之前,JavaScript 只有两种类型的作用域:全局作用域和函数作用域。
- 全局(在函数之外)声明的变量拥有全局作用域,全局变量可以在 JavaScript 程序中的任何位置访问。
var carName = "porsche"; // 此处的代码可以使用 carName function myFunction() { // 此处的代码也可以使用 carName}
-
局部(函数内)声明的变量拥有函数作用域,局部变量只能在它们被声明的函数内访问。
// 此处的代码不可以使用 carName function myFunction() { var carName = "porsche"; // code here CAN use carName} // 此处的代码不可以使用 carName
-
在 ES2015 之前,JavaScript 是没有块作用域的。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问:
{ let x = 10;}// 此处不可以使用 x
简单例子来看下let和var的区别:
//使用varvar x = 10;// 此处 x 为 10{ var x = 6; // 此处 x 为 6}// 此处 x 为 6, 在块中重新声明变量也将重新声明块外的变量/********************************///使用letvar x = 10;// 此处 x 为 10{ let x = 6; // 此处 x 为 6}// 此处 x 为 10, 在块中重新声明变量不会重新声明块外的变量
-
使用 JavaScript 的情况下,全局作用域是 JavaScript 环境。在 HTML 中,全局作用域是 window 对象。
通过 var 关键词定义的全局变量属于 window 对象:
var carName = "porsche";// 此处的代码可使用 window.carName
通过 let 关键词定义的全局变量不属于 window 对象:
let carName = "porsche";// 此处的代码不可使用 window.carName
-
在相同的作用域,或在相同的块中,使用 var 和let重新声明 JavaScript 变量遵循以下规则:
{ var x = 10; // 现在,x 为 10 var x = 6; // 现在,x 为 6} { var x = 10; let x = 6; // 不允许} { let x = 10; var x = 6; // 不允许} { let x = 10; let x = 6; // 不允许}
-
通过 var 声明的变量会提升到顶端。通过 let 定义的变量不会被提升到顶端。在声明 let 变量之前就使用它会导致 ReferenceError。
// 在此处,可以使用 carNamevar carName;
// 在此处,不可以使用 carNamelet carName;
这篇关于JavaScript 中let的使用 块作用域。从ES2015 开始可以使用 let 关键词声明拥有块作用域的变量。在块 { } 内声明的变量无法从块外访问的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28微服务架构中API版本控制的实践
- 2024-09-28AI给的和自己写的Python代码,都无法改变输入框的内容,替换也不行
- 2024-09-27Sentinel配置限流资料:新手入门教程
- 2024-09-27Sentinel配置限流资料详解
- 2024-09-27Sentinel限流资料:新手入门教程
- 2024-09-26Sentinel限流资料入门详解
- 2024-09-26Springboot框架资料:初学者入门教程
- 2024-09-26Springboot框架资料详解:新手入门教程
- 2024-09-26Springboot企业级开发资料:新手入门指南
- 2024-09-26SpringBoot企业级开发资料新手指南