js,新增ES6 語法

一，生名變數

1.let

可以更加規範的編寫**

具有全域性性

let a =
100let b =
200function
fun(
)fun
()

2.const

定義後的變數，將會無法更改

const a =
100 console.
log(a)
//100
a =200 console.
log(a)
// 跑錯

二，賦值1，傳統賦值

var a =
10let b =
20const c =
30

2，陣列解構賦值

let
[a,b,c]=[
10,20,
30]console.
log(a)
// 10
console.
log(b)
// 20
console.
log(c)
// 30

還可以這樣寫

let
[a,[b]
,c]=[10
,[20]
,30] console.
log(a)
// 10
console.
log(b)
// 20
console.
log(c)
// 30

總之，將括號，能夠對應上就可以了

1）預設項

如果沒有賦值變數，那麼這個變數，將會等於預設項

let
[a='true']=
console.
log(a)
// true

2）undefined事件

如果賦給變數的值是undefined的話，那就是未定義，將變數就會有乙個預設值，這個預設值，不是一定要有的，這裡是為了演示，我用了預設項

let
[a='true']=
[undefined]
console.
log(a)
// true

3，物件解構賦值

let
= console.
log(a)
// 10
console.
log(b)
// 20
console.
log(c)
// 30
console.
log(d)
//undefined

1）別名

再給變數賦值給乙個新的名字，呼叫的時候要用賦值後的新名字

let
= console.
log(as)
// 10
console.
log(bs)
// 20
console.
log(cs)
// 30

2）標量和屬性值不一樣的情況

將變數和賦值，分開寫

let obj =
let= obj
console.
log(a)
// 10
console.
log(b)
// 20
console.
log(c)
// 30

三，箭頭函式箭頭函式和函式差不多，但是效能要比函式，要好得多，

let person =
,1000)}
} person.
sayholle
()

四，map資料結構

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
)

1）呼叫方法

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
)// get方法呼叫方式
console.
log(map.
get(
'name'))
// 張三
console.
log(map.
get(
'title'))
// 作者
console.
log(map.
get(
'age'))
// undefined

2）set方法更改

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
)// set方法更改
map.
set(
'name'
,'李四'
) console.
log(map.
get(
'name'))
// 李四
map.
set(
'title'
,'作者的'
) console.
log(map.
get(
'title'))
// 作者的

3）delete方法刪除資料

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
)// set方法更改
map.
delete
('name'
) console.
log(map)

輸出的結果

2，map遍歷陣列

1）keys方法

迴圈屬性

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
)for
(let key of map.
keys()
)

2）valus方法

迴圈值

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
)for
(let value of map.
values()
)

3)entries方法

迴圈的是屬性和值

let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
4）foreach方法
迴圈屬性和值
let map =
newmap([
['name'
,'張三'],
['title'
,'作者']]
) map.
foreach
(function
(value,index)
)
輸出結果
ES6新增語法
es6中新增的宣告變數的方式 let關鍵字用來宣告變數，類似於var，但是使用let宣告的變數有以下幾點特性 1.不存在變數提公升 2.暫時性死區 3.不允許重複宣告，同一作用域內只能宣告一次 4.新增的塊級作用域 for 作用域a 迴圈的應用 const關鍵字用來宣告常量，其使用規則除了宣告之後不...
ES6新增語法
逆戰es6新語法概覽 語法箭頭函式 this es6中可以使用 作為函式表達形式，極簡風格，引數 函式體。var foo function 等價於 let foo 1 let nums 1,2,3,5,10 let fives nums.foreach v console.log fives 5,1...
ES6新增語法
es6中 新增的用於宣告變數的關鍵字。使用let關鍵字宣告的變數的特點 1 let宣告的變數只在所處於的塊級有效 使用let關鍵字宣告的變數具有塊級作用域 if true console.log a 報錯注意 使用let關鍵字宣告的變數才具有塊級作用域，使用var宣告的變數不具備塊級作用域特性。擁有...

js,新增ES6 語法

ES6新增語法

ES6新增語法

ES6新增語法

相關推薦