深入淺出es6（箭頭函式）

2021-07-30 05:35:00 字數 695 閱讀 2851

=>是function的簡寫形式，支援expression和statement兩種形式。同時一點很重要的時是他擁有詞法作用域this值,幫助你很好的解決this的指向問題,這是乙個很酷的方式，可以幫助你減少一些**的編寫，先來看看它的語法。

var arr = [1,2,3];
arr.map(item=> item +1);
arr.map((item, index) => item + 1);
arr.foreach
(item => 
})

箭頭函式內部沒有constructor方法,也沒有prototype，所以不支援new操作,但是他對this的處理與一般普通函式不一樣，箭頭函式的this始終指向函式定義時候的this，而非執行時，我們通過乙個例子來理解:

var o = ,
test:function
(), 100);
}}o.test();

上面的**會出現問題，因為this的指向從o變成了全域性；那如果變成了這個樣子的：

var o = ,
test:function(), 100)
}}o.test
();

ES6深入淺出 Generator

一步，一步前進一步 es6深入淺出之generator生成器。本人對生成器的印象是語法難以理解，又沒有什麼實際的應用場景。為啥要學習一下呢?可能未來某些高階的業務會用到，還有萬一面試官問的話，我得能侃幾句，顯得我牛。定義generator 是為非同步而生，正常的函式是一進入就必須執行完成的，而 g...

《ES6深入淺出》學習筆記三

解構 destructuring 通常來說，你很可能這樣訪問陣列中的前三個元素 var first somearray 0 var second somearray 1 var third somearray 2 如果使用解構賦值的特性，將會使等效的變得更加簡潔並且可讀性更高陣列與迭代器的解構 ...

深入淺出ES6之let和const命令

let和const宣告的變數只在塊內有效 a referenceerror a is not defined.b 1 不存在變數提公升變數一定要在宣告後使用，否則報錯 var tmp 123 if true 不允許重複宣告報錯 function 塊級作用域 function f functio...