let和const
let
和 const
变量声明块作用域。
什么是块作用域?块作用域=函数内部+花括号内部。
可以参考我之前的博客,里面讲了作用域问题。
作用域
那么我们先来讲讲变量提升的问题。
一开始说变量提升,你可能会觉得这是个什么词,没听过,一听就挺难理解。但如果你之前写过比较多的JavaScript代码,你基本上一直都在遇到变量提升这个问题。
我们都知道,js中的变量,我可以先声明再赋值,也可以先赋值再声明,除了赋值,我们甚至可以使用。
var a;
a=5;
console.log(a++);
a=5;
console.log(a++);
var a;
这两种情况得到的结果是一样的,不如说他们的代码在“经过整理”后执行顺序是一样的。这就是hoisting变量提升
。
变量提升
:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。
所以即便我们先使用再声明,因为有变量提升的存在,也会变成先声明再使用。
但这仅仅适用于变量声明,即只有声明的变量。如果是在声明的同时进行赋值,就只有变量的声明被提升到最顶端,赋值不会。
理解了变量提升的概念,那么我们现在接着来说let和const
。
let
let声明的变量只在let所在命令的代码块中有效,简单来讲,let只在他所在的花括号中有效,除了花括号就无法访问。
let和var区别是什么?
有人可能会想,var 声明的变量不也只能在所在变量域中使用吗?
<script>
fun2();
function fun2(){
var b=5;
if(b==5){
let c=2;
if(c==2){
let d=1;
console.log(d);//1
}
console.log(d);//undefined
}
console.log(c);//undefined
}
</script>
<script>
fun2();
function fun2(){
var b=5;
if(b==5){
var c=2;
if(c==2){
var d=1;
console.log(d);//1
}
console.log(d);//1
}
console.log(c);//2
}
</script>
我们知道像是 if else switch for ...
这样的关键字虽然有花括号,但不会形成自己的作用域,即在花括号中声明的变量或方法仍是属于if
所在的作用域的。但let
就是让if
形成了自己的作用域,这样在if
花括号中声明的变量处于if的作用域中,无法被if
所在作用域以及上层所用域使用。
约束条件:
在相同的作用域或块级作用域中,
- 不能使用
let
关键字来重置var
关键字声明的变量; - 不能使用
let
关键字来重置let
关键字声明的变量; - 不能使用
var
关键字来重置let
关键字声明的变量;
let变量只能先声明后使用,不能变量提升。
const
const
就比较简单了,学过c或者java其他一些语言的同学应该都记得const。
const是用来声明常量的
。在声明的同时必须进行赋值,且不允许被修改,当然可以在赋值的地方修改。
这是针对常量数值来讲的。
如果我们声明了一个数组或对象类型的常量呢?它们是可以被修改的,但也是不能被重新赋值。
<script>
const PI=3.1415926;
PI=3.14;//错误
PI=PI+1;//错误
const a=[1,2,3];//5 2 3 6
a[0]=5;
a.push(6);
a=[4,5,6];//错误
const b={name:"lucy",age:"16",color:"red"};
b.name="lili";
b.sex="girl";
</script>