多语言展示
当前在线:273今日阅读:195今日分享:14

如何使用ES6中的方法和方式精简函数方法

在JavaScript中,一般定义函数,直接是function 函数名,里面可以有返回值,也可以没有返回值。如果有返回值,在ES6中可以有更为简洁的写法,利用箭头函数。下面利用实例说明,操作如下:
工具/原料
1

ES6

2

JavaScript

3

Node.js

4

HBuilder

5

浏览器

6

截图工具

方法/步骤
1

第一步,在已打开的HBuilder工具中,新建一个JavaScript文件并定义一个函数showInfo,如下图所示:

2

第二步,直接使用Node Application方式运行这个JavaScript,查看控制台打印结果为NaN,如下图所示:

4

第四步,再次运行这个文件,可以发现控制台打印的结果是两个参数的乘积,如下图所示:

5

第五步,由于这个函数有个返回值,将大括号和return去掉,换成一个箭头,如下图所示:

6

第六步,再次保存代码并运行文件,结果发现跟第三步中的效果一样,如下图所示:

注意事项
1

注意在ES6中如何精简函数并调用

2

注意ES6中箭头函数的用法

推荐信息