ES6 02 箭頭函式

2021-10-03 02:07:40 字數 513 閱讀 3176

一、箭頭函式

1、什麼是: 對普通函式宣告的簡寫

2、何時使用:今後絕大多數匿名函式的建立,都用箭頭函式

3、如何使用:

①去掉function 在(){}之間加=>

②如果形參列表只有乙個變數,可省略()

③如果函式圖只有一句話,可省略{}

但是,如果僅有的這句話,還是return,則必須省略return,去掉{}時,還要注意去掉語句結尾的分號

4、雙刃劍:

箭頭函式讓函式內的this和函式外的this聯通,保持一致,都指向函式外的this

5、結論:如果希望函式內的this和函式外的this不一致時,就不能用箭頭函式。比如:①物件的方法不能用箭頭函式簡寫。②dom中的事件處理函式也不可用箭頭函式簡寫

6、問題:一旦用了箭頭函式,則不能再使用arguments

解決:用引數增強中的rest語法

ES6 02 新增方法及函式新增

一,模版字串 就是用反引號定義的字串,其中可以用 包住可修改的變數 var string1 他叫 他今年 歲了 二,字串內建方法 1 repeat函式 將目標字串重複n次,返回值為乙個新的字串,不影響目標字串。var name 帥帥氣氣 var name1 name.repeat 2 console...

ES6 02塊級作用域

要點 1.全域性作用域 2.塊級作用域 一 全域性作用域 1.瀏覽器環境有乙個頂層物件window,其屬性和var的全域性變數等價 2.window物件的內建屬性,輸出預設值 非內建屬性undefined 3.var若設定window物件的內建屬性作為變數,則會直接覆蓋 console.log wi...

ES6 函式 箭頭函式 箭頭函式中的this

1,es6中,函式新增哪些特性 支援引數有預設值,支援剩餘引數,支援引數展開運算,新建箭頭函式 ie不支援箭頭函式 2,支援引數預設值 在為傳引數值或傳遞的引數值是undefined的情況下,引數取預設值。引數b有預設值 hello function test a,b hello 未傳引數給引數b ...