ES6的let和const

一先後端技術棧對比

二簡介

ES6，全稱 ECMAScript 6.0 ，是 JavaScript 的下一個版本標準，2015.06 發版。javascript

ES6 主要是爲了解決 ES5 的先天不足，好比 JavaScript 裏並無類的概念，可是目前瀏覽器的 JavaScript 是 ES5 版本，大多數高版本的瀏覽器也支持 ES6，不過只實現了 ES6 的部分特性和功能。html

ECMAScript是瀏覽器腳本語言的規範，而各類咱們熟知的js語言，如JavaScript則是規範的具體實現。java

三小技巧

在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>

ES6的let和const

一 先後端技術棧對比

二 簡介

三 小技巧

四 實戰

一先後端技術棧對比

二簡介

三小技巧

四實戰