北媽每日一學(xué)

《北媽每日一學(xué)》

北媽每日一學(xué)用最短的篇幅 ，最好的排版，最簡(jiǎn)潔的例子和大家一起學(xué)習(xí)、總結(jié)、入坑。

今天來學(xué) 風(fēng)靡網(wǎng)絡(luò)的- es6箭頭函數(shù)

---

ES6 簡(jiǎn)介

ECMAScript 6（以下簡(jiǎn)稱ES6）是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的ES6是在2015年發(fā)布的，所以又稱ECMAScript 2015。

也就是說，ES6就是ES2015。

雖然目前并不是所有瀏覽器都能兼容ES6全部特性，但越來越多的程序員在實(shí)際項(xiàng)目當(dāng)中已經(jīng)開始使用ES6了。所以就算你現(xiàn)在不打算使用ES6，但為了看懂別人寫的代碼你也必須要懂ES6的語(yǔ)法了...

北媽一句白話就是：之前用的，你所熟悉的js語(yǔ)法是es5標(biāo)準(zhǔn)，現(xiàn)在是es6標(biāo)準(zhǔn)，恩就這么多。

---

ES6 箭頭函數(shù) =>

ES6很有意思的一部分就是函數(shù)的快捷寫法。也就是箭頭函數(shù)。

箭頭函數(shù)最直觀的三個(gè)特點(diǎn)。

1.不需要function關(guān)鍵字來創(chuàng)建函數(shù)

2.省略return關(guān)鍵字

3.繼承當(dāng)前上下文的 this 關(guān)鍵字

這個(gè)恐怕是ES6最最常用的一個(gè)新特性了，用它來寫function比原來的寫法要簡(jiǎn)潔清晰很多:

function(i){ return i + 1; } //ES5

(i) => i + 1 //ES6

簡(jiǎn)直是簡(jiǎn)單的不像話對(duì)吧...
如果方程比較復(fù)雜，則需要用{}把代碼包起來：

function(x, y) { x++;y--;return x + y; } (x, y) => {x++; y--; return x+y}

除了看上去更簡(jiǎn)潔以外，arrow function還有一項(xiàng)超級(jí)無(wú)敵的功能！
它解決了 js最煩人的 ?this指向?問題。 我們下篇在介紹

---

《免費(fèi)送資料》

我一個(gè)朋友，老家是上海那邊的，搞了12年的技術(shù)了，相當(dāng)于阿里P8的技術(shù)水平，真心體會(huì)到技術(shù)迭代真的太快了！看到很多職場(chǎng)小白月薪連20K都拿不到，所以他放棄了近百萬(wàn)年薪，只為讓你每個(gè)月多增加1萬(wàn)元的工資！！！

再此！他也精心準(zhǔn)備了全網(wǎng)更震撼！更全面的全套視頻！相信你在外面花幾萬(wàn)元也買不到！因?yàn)槎际荁AT大咖在一起研究了好幾年才出爐的！

話不多說，一看便知！原來在淘寶上價(jià)格是3999元，今天前100名直接免費(fèi)！有不懂的還可以問這個(gè)大咖！切記！限前100名！

非常多的人問，這位大咖的私人微信號(hào)是多少！？在這里統(tǒng)一公布一下吧 掃一掃下面的微信二維碼，注意！當(dāng)然你添加的時(shí)候記得備注：?大咖，我想要資料

你不這樣備注，他肯定不會(huì)同意你的，很簡(jiǎn)單，大咖都喜歡跟有斗志跟目標(biāo)的人在一起！ 你懂的！

總結(jié)

以上是生活随笔為你收集整理的北妈每日一学：ES6语法之 箭头函数（附免费学习资料）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。