箭头函数

箭头函数

2019-12-13 187 阅读1分钟

用法：=>定义

1.定义匿名函数

左边没有等号，只有右边有

当参数左右有=时就不是匿名函数

1.例子：

  let arr = ["apple", "orange", "ban"];
  let a = arr.map(item => {
    return item;
  });

2.没有参数()

没有参数的时候需要在箭头前加上()

 var single = () => {
 return "l am a girl";
 };

3.一个参数函数

一个参数的时候可以忽略()

 var single =a=>a
 single('hello“）

4.多个参数

多个参数需要用到小括号，参数间逗号间隔

 var add = (a, b) => {
 return a - b;
 };
console.log(add(8,3))

5.函数体多条语句函数体多条语句需要用到大括号

 var add=(a,b)=>{
   if(a<b){
    return b-a;
    }else {
   return a-b;
    }
    };
 console.log(add(3,8));

6.返回对象

返回对象时需要用小括号包起来，因为大括号被占用解释为代码块了

 var ob=()=>({
        name:'白白',
        age:18
    })

console.log(ob())

7.与变量解构结合使用

    var jie=(a,b)=>a+b;
   const full = ({ first, last }) => first + ' ' + last;

8.直接作为事件处理函数

   document.addEventListener('click', ev => {
   console.log(ev)
   console.log(ev)
 })