var let const的区别和用法

面试的时候这三个定义变量和函数的方法没有解释清楚,今天把他们总结清楚。只要搞清楚全局作用域、函数作用域和块级作用域。

参考资料
全局作用域和函数作用域
块级作用域

  • 全局作用域
    这个比较好理解,就是定义在script里面的变量和函数,可以在任何地方访问到。

  • 函数作用域
    调用函数的时候会创造一个函数作用域,需要注意的是只有调用函数的时候才会创造,函数在定义的时候是不会创造作用域的。

  • 块级作用域
    块级作用域是ES6才定义的。最简单的理解是{ }中间的部分是一个块级作用域”。例如:for 循环、 if 逻辑判断、while 循环等语句后面的{ }都是一个块级作用域。

理解清楚JS的作用域之后再去理解var、let、const就很清楚了

  • var
    可以跨块级作用域(准确的事var是没有块级作用域的概念),但是不能跨函数作用域访问。

  • let
    不可以跨块级作用访问,不能跨函数作用域访问

  • const
    定义一个常量,定义时必须赋值(初始化),只能在块级作用域里访问。

例子

var b = 2;
if (true) {
    let a = 2;
    var b = 3;
    var c = 4;
    const d = 5;
    let e = 5;
}

console.log(a);  // undefine
console.log(b);  // 3
console.log(c); // 4
console.log(d);  // undefine
console.log(e);  //报错 Uncaught ReferenceError: e is not defined
var d = 6; 
var a;

a 和 d 出现的undefine其实是一个道理,在if的块级作用域中```let a = 2; const d = 5;` ``,在块级作用域外是不能访问的,又都是因为变量提升,上面相当于

var a
var d
console.log(a)  // undefine
console.log(d) // undefine
d = 6

b 和 c 是在块级作用域里面用var定义的,是可以跨块级作用域访问的。所以能访问到定义的值。e 是块级作用域里定义的常量,块级作用域外不能访问,所以会报错。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值