ES6 中没有函数申明的语法了吗？

在 ES5 中，我经常用函数申明 function declaration 来申明函数

function myFunc() {}

这样的好处是我可以把函数的实现写在最下方，这样让程序更易读，看了前面就知道大概逻辑了，如果需要再往下看具体的小函数的实现

doSomething();
doSomethingElse();

function doSomething() {}
function doSomethingElse() {}

如果用 function expression 的话，就需要将 expression 写在调用的前面

var doSomething = function() {}
var doSomethingElse = function() {}

doSomething();
doSomethingElse();

但 ES6 中好像只支持 function declaration 了...

let doSomething = ()=> {}

function 函数 JavaScript 申明

16 条回复 • 2017-03-16 13:50:13 +08:00

2017 年 3 月 8 日

有的啊， () => {} 是新功能，不是替代旧功能。

而且 () => {} 函数和 function () {} 的含义也不一样，是两种用途

tedd

2017 年 3 月 8 日

哦哦，表达不是特别清楚， ES6 中可以用之前一样的语法来 function declaration ，我想问的是，在 ES6 中有什么简便的语法来做 function declaration 吗？

xingo

2017 年 3 月 8 日

ES2015 兼容 ES5 ， function a() {} 还是他原来的意思

var a = function (){} a 声明提前，但赋值是到运行这条语句的时候才会赋值， ES5

let a = () => {} 首先 let 是声明不会提前，其次赋值也是到运行这条语句的时候才会赋值，箭头函数 /let 是 ES2015 新增内容

var a = () => {} 那和你说的 var a = function(){} 才类似呢

xingo

2017 年 3 月 8 日

我觉得应该没有？有的话请楼下 at 我，谢谢！

AV1

2017 年 3 月 8 日

ES6 的 arrow function 不是用来“取代” ES5 的普通函数的，其设计初衷是简化 lambda expression 的写法。
所以，不要想当然地恨不得把所有的 function declaration 都换成 arrow function 。该用 function declaration 时还得老老实实地用 function declaration 。

2017 年 3 月 8 日

@tedd 没有简便语法，和原来一样。

箭头函数的 this 是外部的 this ，这个在 callback 的场景非常明显！不用保存上级的 this 引用。

当然特定时候也有必须要用 this 就不能用箭头函数了。