对于多个参数:省略函数体的方法

复杂写法

(参数1, 参数2, …, 参数N) => { 函数声明 }var f = (num1, num2) => { return num1*num2
};console.log(f(3, 4)); // 12

简约写法

(参数1, 参数2, …, 参数N) => 表达式(单一)var f = (num1, num2) => num1*num2;console.log(f(3, 4)); // 12

对于单个参数:省略圆括号的方法

当只有一个参数时,圆括号是可省略的:(单一参数) => {函数声明}
单一参数 => {函数声明}var f = num => num*num;
console.log(f(3)); // 9

没有参数的函数应该写成一对圆括号

() => {函数声明}var f = () => 'hello world';
console.log(f()); // hello world

引入箭头函数有两个方面的作用:简化函数和不需要绑定 this

var materials = ['Hydrogen','Helium','Lithium','Beryllium'];var f = materials.map(function(material) { return material.length; }); console.log(f) // [8, 6, 7, 9]使用箭头函数简化:
var f = materials.map(material => {return material.length;
});console.log(f) // [8, 6, 7, 9]进一步简化:
var f = materials.map(material =>  material.length);
console.log(f) // [8, 6, 7, 9]

Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据相关推荐

  1. vue中父子组件先后渲染_vue父子组件钩子函数的执行顺序

    加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount-& ...

  2. Vue(五)Vue中的网络请求(使用Vue脚手架发送Axios请求)

    一.Axios         1.定义:利用ES6提供的Promise方式,把AJAX进行了封装.我们在Vue中发送网络请求,基本上就是使用Axios 需要安装第三方的Axios模块,才能使用    ...

  3. vue中img标签404错误处理事件onerror

    以下为图片链接失效的情况 若服务上的图片直接在浏览器上可以打开,但是在img上报404错误处理方法 在index.html中添加代码如下 <meta name="referrer&qu ...

  4. 如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表

    本文首发:<如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表> 使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功 ...

  5. vue 中遍历数组对象 存到一个新数组里

    vue 中遍历数组对象 存到一个新数组里(亲测可行!!!) 参考文档 : MDN-解构赋值 方法一 : For of 迭代和解构 var people = [{name: 'Mike Smith',f ...

  6. vue中进入页面,自动触发一次点击事件

    vue中进入页面,自动触发一次点击事件 html script 一进去页面,我肯定是要进去就能看到数据,而不是需要点击选项1才得到数据,解决办法就是直接在created()中调用 html <d ...

  7. vue中tab切换前端实现_vue实现Tab切换功能

    在项目开发中,我们经常会碰到Tab切换的功能,而在Vue中想实现这样的功能也应该有很多种,常用的三种应该是 Tab路由切换.Tab动态组件切换.通过v-show设置Tab显示隐藏.每种方法实现起来其实 ...

  8. python函数由什么组成_python的函数

    1.什么是函数? 有两个变量 x 和 y ,当 x 取其变化范围中的每一个特定值时,相应地有唯一的 y 与它对应,则称 y 是 x 的函数.记为 y = f ( x ),其中 x 为自变量, y 为因 ...

  9. python函数结构_Python代码结构:函数

    欢迎关注「issnail」 "一起学习,一起成长!" 1.定义函数与调用函数 定义python函数:依次输入def.函数名.带有函数参数的圆括号,最后紧跟一个冒号(:) 函数命名规 ...

最新文章

  1. Iaas、Caas、Paas、Faas!选择正确的平台!
  2. html进度条圆圈渐变色,HTML5 canvas带渐变色的圆形进度条动画
  3. Android 搜索框 search dialog 和 search widget
  4. windows 程序设计_Python 在windows环境简单搭建
  5. 优化信息流很麻烦?三招教你轻松搞定
  6. CTO不写代码就算了,架构师也不写?
  7. echars vue 添加数据没更新_Vue遍历数据,并添加到右侧数组
  8. ASP.NET中 Repeater嵌套
  9. 超强在线考试系统源码(私有部署二次开发)
  10. spring boot+shiro中使用@RequiresRoles不生效,访问报错404
  11. C/C++——++i、i+=1、i++之间的区别(附在学习boost时遇到的例子)
  12. JS-面向对象-This的指向---简单的函数调用 / 作为对象的方法调用时 / 作为构造函数调用时
  13. mysql 5.7 导入出错_mysql5.x数据库文件导入mysql5.7数据库出错解决方法
  14. python的zipfile压缩文件夹_python zipfile压缩使用说明
  15. List对象集合通过对象属性进行查找
  16. opencv 提取图像线条 霍夫线检测
  17. FZU - 1759 Problem 1759 Super A^B mod C 欧拉降幂公式
  18. mlir toy 教程(1)
  19. 微信小程序之校园二手交易系统app毕业设计ssm
  20. 基于Java毕业设计智慧茶园综合管理系统源码+系统+mysql+lw文档+部署软件

热门文章

  1. 史上最简单的SpringCloud教程 | 第十二篇: 断路器监控(Hystrix Dashboard)
  2. 1CCTableView的使用,TableView响应和小格子tableView实现
  3. 网络WIFI摄像机方案主控芯片最全介绍
  4. caffe编译报错 cudnn.hpp:127:41: error: too few arguments to function ‘cudnnStatus_t cudnnSetPooling2dDe
  5. 修改记录功能--jsp,servlet
  6. lnmp 一键安装包部署ThinkPHP5
  7. J2EE中在web.xml异常页面跳转
  8. 鼠标滑过,解决ul下 li下a的背景与父级Li不同宽的问题
  9. POJ1269 直线相交
  10. Handler延迟事件使用