ES6:ES6基本語法
阿新 • • 發佈:2021-09-08
0ES6基本語法
ES標準中不包含 DOM 和 BOM的定義,只涵蓋基本資料型別、關鍵字、語句、運算子、內建物件、內建函式等通用語法。
本部分只學習前端開發中ES6的必要知識,方便後面專案開發中對程式碼的理解。
1 let宣告變數
與我們的JavaScript中var宣告變數有什麼區別?
<1>作用域不同
{ var a = 0; // var宣告的變數是全域性變數 let b = 0; // let宣告的變數是區域性變數 } console.log(a); console.log(b); //b is not defined:b沒有定義
<2>宣告次數不同
// var可以宣告多次 // let只能宣告一次 var m = 1; var m = 2; let n = 3; let n = 4; //SyntaxError: Identifier 'n' has already been declared(語法錯誤:n已經宣告過了) console.log(m); console.log(n);
<3>宣告與使用順序不同
// var 宣告的變數會全域性儲存 // let 宣告的變數只能在執行後才儲存 console.log( x ); //沒有報錯,輸出:undefined var x = "蘋果"; console.log(y); //y is not defined(y沒有定義)let y = "香蕉";
2 const宣告常量
const 宣告常量,為只讀變數
1. 一旦宣告之後,其值是不允許改變的
2. 一但宣告必須初始化,否則會報錯 SyntaxError: Missing initializer in const declaration(語法錯誤,宣告常量丟失了初始化)
const PI = 3.14; PI = 3.1415; //Assignment to constant variable.(宣告的是常量) console.log( PI );
3 解構賦值
解構賦值是對賦值運算子的擴充套件
它是一種針對陣列或者物件進行模式匹配,然後對其中的變數進行賦值。
解構,顧名思義,就是將集合型資料進行分解,拆分,把裡面的值逐一遍歷獲取
在程式碼書寫上簡潔且易讀,語義更加清晰明瞭;也方便了複雜物件中資料欄位獲取