var、let、const的区别

110 阅读1分钟
var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。
let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。
const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。
<script type="text/javascript">\
    // 块作用域\
    {\
        var a = 1;\
        let b = 2;\
        const c = 3;\
        // c = 4; // 报错\
        var aa;\
        let bb;\
        // const cc; // 报错\
        console.log(a); // 1\
        console.log(b); // 2\
        console.log(c); // 3\
        console.log(aa); // undefined\
        console.log(bb); // undefined\
    }\
    console.log(a); // 1\
    // console.log(b); // 报错\
    // console.log(c); // 报错

    // 函数作用域\
    (function A() {\
        var d = 5;\
        let e = 6;\
        const f = 7;\
        console.log(d); // 5\
        console.log(e); // 6  (在同一个{ }中,也属于同一个块,可以正常访问到)\
        console.log(f); // 7  (在同一个{ }中,也属于同一个块,可以正常访问到)

    })();\
    // console.log(d); // 报错\
    // console.log(e); // 报错\
    // console.log(f); // 报错\
</script>
  • 允许在块级作用域内声明函数。
  • 函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
  • 同时,函数声明还会提升到所在的块级作用域的头部。

注意,上面三条规则只对 ES6 的浏览器实现有效,其他环境的实现不用遵守,还是将块级作用域的函数声明当作let处理

块中生命函数,都会提升到函数头部,不管是“函数声明”还是函数表达式,都会是var f;的形式,所有调用的时候会报错