几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
如何使用ES6中的箭头函数精简函数编写方式
来源：互联网
2023-03-16 23:58:14 436
在JavaScript的新标准ES6中，新引入了一个概念----箭头函数，这种函数可以很方便地简化了函数的编写。如果函数中只有一个参数和一个返回值，可以最大情况下精简函数。下面利用一个实例说明箭头函数的用法，操作如下：
工具/原料
- ES6
- JavaScript
- CSS3
- HTML5
- HBuilder
- 浏览器
- 截图工具
方法/步骤
第一步，通过快捷方式打开HBuilder工具，新建一个ES6标准的Web项目，然后在项目页面目录创建一个静态HTML5文件，如下图所示：
第二步，使用let关键字定义一个数组arr并赋值，然后定义一个函数sm，调用数组中的方法map()，有对应的返回值，如下图所示：
第三步，编写完成之后，保存这个文件；在浏览器中预览，打开浏览器控制台查看打印结果，如下图所示：
第四步，将function关键字换成箭头函数形式=>，并保存文件，如下图所示：
第五步，保存代码并在浏览器控制台查看打印结果，结果跟第三步是一致的，如下图所示：
第六步，由于这个函数只有一个参数和一个返回值，将其再次精简，去掉参数的括号和返回值的大括号，包括return关键字，如下图所示：
注意事项
- 注意ES6中的箭头函数使用场景
- 注意合理使用箭头函数和数组中的方法
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： 函数JAVASCRIPT
上一篇：流程控制语句js 下一篇：如何使用Vue.js2中的extend方法实现对应的功能
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 258 JAVASCRIPT
- 详细阅读