Es6學習筆記

2021-10-18 04:16:04 字數 3498 閱讀 9194

let和var的區別

const和var的區別

當const為引用型別時,常量可被修改

constxm=

;console.

log(xm)

;// 15

xm.age =18;

console.

log(xm)

;// 18

擴充套件運算子

const arr =[1

,2,3

,4];

const

[a,b,

...c]

= arr;

// c =>[3,4]

預設值

let girlfriend =

;let

= girlfriend;

// name: '小紅', age=24, hobby=['學習']

物件的解構賦值

獲取多個函式返回值

function

getuserinfo

(uid)

, msg:

'請求成功'}}

const

=getuserinfo

(1234

);

let str =

'i';

let str1 = str.

padstart(7

,'mooc');

// moocmoi

let str2 = str.

padend(6

,'mooc');

// immocm

function

repeat

(str, num)

console.

log(

repeat

('a',3

));// aaa

includes() ·判斷字串是否存在

物件擴充套件

object.defineproperty()

object.seal() 防止物件被擴充套件

var

cst=

;object.

defineproperty

(cst

,'base_name',)

;cst

.base_name =

'小花'

;console.

log(

cst.base_name)

;// 小花

object.

seal

(cst

);

for

(let

[k, v]

of object.

entries

(obj)

)

const obj =

const cobj =`)

;}}object.

setprototypeof

(cobj, obj)

;cobj.

say(

);

void關鍵字

const

pop= arr =>

void arr.

pop();

console.

log(

pop([1

,3,5

]));

reduce()

function

sum(

...number),0

)}console.

log(

sum(2,

9,6,

8));

// 25

const res =[1

,7,6

,9].

find

((value, index, arr)

=> value %

2===0)

;// 6

function

f(val));

}else})

}

f

(true).

then

(data =>).

catch

(e =>).

finally((

)=>

)

promise動畫移動案例

function

moveto

(el, x, y, cb)

px,$

px)`

;settimeout

(function()

,1000)}

);}let el = document.

queryselector

('#el');

document.

queryselector

('button').

addeventlistener

('click'

, e =>).

then

(function()

).then

(function()

).then

(function()

)})

getter 與 setter

let year =

prompt

("請輸入年份");

class

getyear

getage()

setage

(val)

}const get_year =

newgetyear()

; document.

write

(`今年的年齡是:$歲`

);

extends

子類呼叫this前必須呼叫super(),super()指代的是父類的constructor

>

div>

class

audioplayer

getsongs()

,//歌手資訊

name:

''//歌曲名字}]

;}createelement()

bindevents()

)}render()

}new

audioplayer()

;

ES6學習筆記

let 塊變數 作用域為塊 const 常亮 作用域為當前塊 解構賦值 例 var x,y 1,2 字元擴充套件 at includes startswith endswith repeat codepointat 模板字串 例 正則的uiy 數值擴充套件 number.isfinite numbe...

ES6學習筆記

常用語法 1 let 與var類似,不同的是let定義的變數有塊級作用域,比如 var a 1 while true alert a 2 用let let a 1 while true alert a 12 const用來定義變數,但是定義之後的值不能再次更改了。乙個實際的用途是用來定義引入的模組,...

ES6學習筆記

var 有變數提公升 let 是塊級作用域,沒有變數提公升 模板語言 還原百分百定義的格式 const 定義常量,特殊情況可以改變值 const b 1 b 2 error const b b.a 2 ok b.c 10 ok object是記憶體位址,位址不變就沒問題 預設值 在不知道接收到個什麼...