JS let用法,let用在什么地方
JS let用法
上一节中,介绍了js声明变量的关键词var,在当中有一笔带过地提到let关键词。js的let关键词也是用来声明变量的,只是声明的变量的作用域会被限制在当前的js的当前作用域当中。
计算机编程语言中变量按作用域分类一般可分为局部变量和全局变量,而且都大同小异。关于作用域的介绍,可以参考本站python教程中的python变量作用域,局部变量和全局变量。
JS let的作用域
let声明的变量一般限制在当前的作用域;
JS let实例代码
<html>
<body>
<p id='x'></p>
<p id='y'></p>
<script>
{ //这个最外层的花括号“{}”在阅读代码的时候可以忽略,那是为了避免编辑器的bug而添加的
var a = 1
function example1(){
let b = 2;
}
example1()
document.getElementById("x").innerHTML = a
//可以将上面innerHTML赋值符号“=”后面的变量a改成b,然后再运行一下试一试,会发现虽然example函数被调用,let b也被声明,但b的变量并没有被赋值在段落p标签当中。
let c = 1
function example2(){
document.getElementById("y").innerHTML = c
//通过运行结果可知c变量的作用域包括函数内的,因为let是在函数外声明的。
};
}
example2()
</script>
</body>
</html>
let用在什么地方
鄙人的开发习惯是尽量少用全局变量,避免不经意间的修改,导致全局变量的值改变,继而导致程序未能按设计的那样执行。所以,鄙人用的比较多的就是局部变量。