这篇文章主要讲解了“es6引用let的原因是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“es6引用let的原因是什么”吧!
因为let在if、for循环中有块级作用域,所以es6引入了let;var在if和for循环中是没有作用域的,只有借助function的作用域来解决引用作用域外面的变量问题,而let拥有块级作用域,一个“{}”就是一个作用域。
如何快速入门VUE3.0:进入学习
本教程操作环境:windows10系统、ECMAScript 6.0版本、Dell G3电脑。
es6为什么引用let
因为var在if、for循环中是没有作用域的,只有借助function的作用域来解决引用作用域外面的变量的问题;而let在if、for循环中是有块级作用域的,这是var所没有的功能,所以es6中使用let关键字而不是使用var。
因为在之前的JavaScript(ES5之前)中,var在像 if ,for循环中是没有作用域的,只有借助function的作用域来解决引用作用域外面的变量的问题
在ES6中加入了let,它在if和for中是有块级作用域的,let拥有块级作用域,一个{}就是一个作用域,也就是let声明块级变量,即局部变量.
const 也是有块级作用域的,当我们的修饰的标识符不想再被改变赋值时用const
建议在ES6开发中优先使用const,只有想改变一个标识符的时候才使用let
let的三大特性:
用于声明变量的的关键字,必须先声明再使用
let声明的变量具有块级作用域
暂时性死区特性
下面我通过案例向童靴们解析:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>使用let关键字声明变量</title>
</head>
<body>
<script>
//let关键字用于声明变量的,使用let关键字声明的变量具有块级作用域
let num = 10;
console.log(num);
//错误使用let(let声明变量只在所处于的块级有效)
if (true) {
let nums = 100;
}
console.log(nums); //nums is not defined
</script>
</body>
</html>
浏览器控制器运行如下:
注意:var用于声明全局变量,不具备块级作用域
// 在一个大括号中
// 使用let关键字声明的变量才具有块级作用域,var关键字是不具备这个特点的
if(true) {
let a = 100;var b = 200;
}
console.log(a);
consoLe.log(b);
浏览器控制器运行如下:
感谢各位的阅读,以上就是“es6引用let的原因是什么”的内容了,经过本文的学习后,相信大家对es6引用let的原因是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!