ES6 11學習筆記 箭頭函式

2022-09-08 17:18:16 字數 929 閱讀 4138

1、this指向定義時所在的物件,而不是呼叫時所在的物件

2、不可以當做建構函式

3、不可以使用arguments物件

es5中定義函式的兩種方式:

function fn1() 

let fn2 = function ()

fn1和fn2之間區別是:

fn1編譯器會預編譯,呼叫fn1無論是在定義的前面還是後面都能正常呼叫。

fn2是通過宣告形式定義,按照宣告變數的規則只能在宣告後面呼叫。

使用箭頭函式定義:

箭頭左邊是引數

引數只有乙個時可忽略括號

箭頭右邊是函式體

函式體只有一行且忽略了大括號,相當於直接return函式體結果

let fn3 = (x) => 

let fn4 = x => x

this指向:

let html = document.queryselector('html')

// 下面的this都是呼叫時候的物件

html.addeventlistener('click', function () , 100)

settimeout(function () .bind(this), 200)

// 箭頭函式的this是定義時候的this,而不是呼叫時候的this

// 其實箭頭函式沒有this,而是繼承了上下文的this

settimeout(() => , 300)

})

不能使用arguments我們用rest引數來代替:

let fun = (...args) => 

fun(1, 2, 3)

ES6 11學習筆記 Symbol

symbol 一種新的原始資料型別 宣告方式 let s1 symbol let s2 symbol console.log s1 symbol console.log s2 symbol console.log s1 s2 false let s3 symbol foo let s4 symbol...

6 11學習筆記

一.加強版ol元素 1.可以通過start屬性來定義標號的開始值。2.可以通過reversed屬性來進行反向編號。二.dl元素 dl元素在html4中 d元素在html4中,是乙個專門用來定義術語的列表。dl元素在html5中 d元素在html5中,把d元素進行了重定義。每一項包含一條或者多秦帶名字...

ES6學習 箭頭函式

定義 params1,params2,params3.其中 中的內容為傳入箭頭函式的引數,為函式內的內容。規範 1 引數部分 1 如果有多個引數,不能省略 如果引數個數不明,可以用.rest表示,但是.rest必須放在最後 2 如果只有乙個引數,可以省略 3 如果沒有引數,那麼可以用 表示 eg 2...