js中使let关键字报错,改用var关键字解决

项目场景：
问题描述
原因分析：
解决方案：
总结

项目场景：

使用 let 关键字报错，报错信息为：

Uncaught ReferenceError: maxNum is not defined at getMaxNum (4-3.html:17:17)

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><script>function getMaxNum(){for (var i = 0; i < arguments.length; i++) {let maxNum = -1if (maxNum < arguments[i]) {maxNum = arguments[i]}}return maxNum}console.log(getMaxNum(1, 10, 5));</script></body>
</html>

问题描述

改用var声明又不会报错了

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><script>function getMaxNum(){for (var i = 0; i < arguments.length; i++) {var maxNum = -1if (maxNum < arguments[i]) {maxNum = arguments[i]}}return maxNum}console.log(getMaxNum(1, 10, 5));</script></body>
</html>

原因分析：

在 JavaScript 中，使用 let 声明的变量具有块级作用域，而使用 var 声明的变量则具有函数级作用域。在代码中，let maxNum = -1 语句位于 for 循环的内部，这意味着 maxNum 变量的作用域仅限于 for 循环内部。因此，在 for 循环外部（例如在 return 语句之后）尝试访问 maxNum 变量会导致 “maxNum is not defined” 的错误。

而当你使用 var 声明时，变量的作用域是整个函数，所以 var 声明的 maxNum 变量在整个函数范围内都是可见的，这就解释了为什么使用 var 就不会报错了。

并且 let maxNum = -1语句位于循环内部，每次迭代时都会重新声明并初始化 maxNum 变量。这意味着在每次循环迭代时，maxNum 的值都会被重置为-1