ES6語法詳解（一）

2021-08-29 20:49:40 字數 1386 閱讀 8383

一）let

let和var有什麼區別？

let是塊作用域，可以將let後面的變數變成塊作用域

es5語法中只有全域性作用域和函式作用域

二）const

如果const後面的變數是普通變數，改變值的話會報錯。

const a = 1;


a = 2;
如果後面儲存的是陣列或者物件，改變值不報錯，那麼改變它的指向報錯

const arr = [1,2,3];


arr = ;
三）解構賦值

var [a, b, c, d] = [1, 2, 3, 4];
物件解構賦值

let  = ;
四）函式引數預設值

function getallinfo(name="lgx", age=20) 


getallinfo();
五）...操作符

1）rest剩餘操作符

function getallwife(first, second, ...third) 


getallwife("lyf", "lgx", "ym", "jsy", "zyj");
2）spread擴充套件操作符

var a1 = [4, 5, 6];


var a2 = [7, 8, 9];


// var a3 = a1.concat(a2);之前可以用concat合併


var a3 = [...a1, ...a2];


console.log(a3);//列印[4,5,6,7,8,9]
六）function的name屬性

es6給函式新增了乙個name屬性，使用這個屬性我們可以得到函式的名字

1)使用自定義函式，它的name屬性的值就是函式的名字

function setyourlife() 


console.log(setyourlife.name);//列印 setyourlife
2）使用匿名函式表示式定義的函式，它的name屬性的值就是變數的名字

var youlife = function() 


console.log(youlife.name);//列印 youlife
3）讓變數等於乙個匿名函式，它的name屬性的值就是函式宣告時的名字，因為它的優先順序更高一點。

var lifeall = function setlife() 


console.log(lifeall.name);//列印 setlife

es6語法變化（一）

這些是es6最常用的幾個語法，基本上學會它們，我們就可以走遍天下都不怕啦！我會用最通俗易懂的語言和例子來講解它們，保證一看就懂，一學就會。var name zach while true console.log name obamalet name zach while true console.l...

es6 基本語法

es6規定暫時性死區和let const語句不出現變數提公升，主要是為了減少執行時錯誤，防止在變數宣告前就使用這個變數，從而導致意料之外的行為。這樣的錯誤在 es5 是很常見的，現在有了這種規定，避免此類錯誤就很容易了。總之，暫時性死區的本質就是，只要一進入當前作用域，所要使用的變數就已經存在了，但...

ES6語法總結

1 物件的寫法 es5中物件 es6中物件 注意這種寫法的屬性名稱和值變數是同乙個名稱才可以簡寫，否則要想es5那樣的寫法,例如 2 在物件中的方法的寫法 es5中物件 substrict function es6中物件 substrict 3 物件的匯出寫法 es5兩種形式 1 module.ex...