ES6的let和const

一 前后端技术栈对比

二 简介

ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。

ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。

ECMAScript是浏览器脚本语言的规范,而各种我们熟知的js语言,如JavaScript则是规范的具体实现。

三 小技巧

在VScode中按 Shift+!,再按回车,会自动生成模板。

四 实战

<!DOCTYPE html>
<html lang="en">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
        <title>Document</title>
</head>

<body>
        <script>
                /* let 新增加的声明变量的关键字,与var声明变量有以下不同 */

                // let 声明的变量有严格局部作用域
                // var 声明的变量往往会越域
                {
                        var a = 102;
                        let b = 2;
                }
                console.log(a);  // 102
                console.log(b);  // ReferenceError: b is not defined

                // var 可以声明多次
                // let 只能声明一次
                var m = 1
                var m = 2
                let n = 3
                let n = 4
                console.log(m)  // 2
                console.log(n)  // Identifier 'n' has already been declared

                // var 会变量提升
                // let 不存在变量提升
                console.log(x);  // undefined
                var x = 10;
                console.log(y);   // ReferenceError: Cannot access 'y' before initialization
                let y = 20;

                /*
                  一但声明必须初始化,否则会报错
                  声明之后不允许改变
                  */
                const b = 1;
                b = 3; //Uncaught TypeError: Assignment to constant variable.
        </script>
</body>
</html>

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值