箭头函数 - Arrow Functions

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

ES6 介绍了一种新的定义的函数的方法,叫 Arrow Functions ,箭头函数 .. 我们先去认识一下使用箭头定义函数的写法 ..

先定义一个变量 .. 这个变量可以当成函数的名字 .. 等号右边的东西是函数可以接收的参数的名字 .. 比如用一个 dessert .. 然后它的右边是一个箭头 .. 就是一个等号再加上一个大于号 ..

箭头的左边儿是函数的参数,右边是函数返回的值 .. 比如我想返回 dessert 参数的值 .. 直接用一个 dessert .. 我们可以看一下把这种写法变成普通的函数的写法 ..

先打开命令行工具 .. 进入到项目所在的目录 .. 然后可以使用 babel 去编译一下 .. 输入 babel .. 要编译的是 script.js .. 再用一个 --watch .. 还有 --out-file ,指定一下编译以后的文件的位置 ... 回车执行一下 ..

打开这个 script-compiled.js .. 你会看到一些代码 .. 这里就是使用普通的函数的写法的样子 .. 定义了一个叫 breakfast 的函数 .. 它接受一个叫 dessert 的参数 .. 函数做的事就是返回 dessert 这个参数的值 ..

如果函数里面有多个参数 .. 这里需要先用一个括号 .. 在这个括号里,可以设置函数的多个参数 .. 逗号分隔一下 .. 再输入一个 drink .. 然后再改一下函数返回的东西 .. 可以返回 dessert 加上 drink ..

因为我们监视了这个文件的变化 .. 所以 babel 会自动编译这个文件 .. 这里你会看到输出的结果 .. 如果这个函数不是简单的返回点东西 .. 你可以在这里用一个大括号 .. 然后在这个大括号里,去设计一下这个函数要做的事情 ..

函数里面没有参数的话,这里要用一个空白的括号 .. 定义一个什么事也不干的函数 .. 可以这样 .. 箭头的左边是一个空的的括号 .. 右边是一个空白的大括号 ..

箭头函数 - Arrow Functions《 JavaScript:ES6 新功能 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点