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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2824 天前的主题，其中的信息可能已经有所发展或是发生改变。

在 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-03-08 14:29:17 +08:00

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

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

tedd

2017-03-08 14:35:15 +08:00

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

xingo

2017-03-08 14:36:57 +08:00

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

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

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

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

xingo

2017-03-08 14:38:46 +08:00

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

DOLLOR

2017-03-08 14:58:47 +08:00

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