1. 程式人生 > 其它 >ES6:ES6基本語法

ES6:ES6基本語法

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 解構賦值

  解構賦值是對賦值運算子的擴充套件

  它是一種針對陣列或者物件進行模式匹配,然後對其中的變數進行賦值。

  解構,顧名思義,就是將集合型資料進行分解,拆分,把裡面的值逐一遍歷獲取

  在程式碼書寫上簡潔且易讀,語義更加清晰明瞭;也方便了複雜物件中資料欄位獲取