vue.js 箭头函数

JavaScript015

vue.js 箭头函数,第1张

（一）箭头函数

1.语法：function 用var, let, const来表示参数要希望在第一个等号的后面

2.如果没有参数，需要写一对空的括号

3.只有一个参数，那就直接写，不用加括号

4.参数有多个，需要加一个小括号，参数用逗号隔开

5.函数的主体内容是放在箭头后面，如果语句只有一条，那就直接写，如果语句有多条，需要把他们放在一对大括号里

参考资料： https://www.51zxw.com/

这是箭头函数的写法；v就是value，值的意思；k就是key，键的意思；

（v,k）=>k 等价于 function(v,k){return k} 这个匿名函数；

比如我们要遍历一个map，就可以这样写：

var myMap = new Map()

myMap.set("001","China")

myMap.set("002","USA")

myMap.set("003","Japan")

//箭头函数(Lambda表达式)写法

myMap.forEach((v,k)=>console.log("key:",k," value:",v))

//等价于下面写法

myMap.forEach(function(v,k){

console.log("key:",k," value:",v)

})

输出：

key: 001  value: China

key: 002  value: USA

key: 003  value: Japan

this是JS的关键字。代表函数运行时，自动生成的一个内部对象，this代表的是当前对象，只能在函数内部使用.

var that=this就是将当前的this对象复制一份到that变量中

还有---箭头函数---可以解决 that/this 作用域的问题。

没有参数

一个参数 （括号可加，可不加）

多个参数