es6新增的箭头函数

箭头和普通函数的区别是什么?

1.第一个区别就是写法上的区别 箭头函数省略了声明函数的关键字function 在函数和代码块之间用一个=>代替

2.箭头函数中的this始终指向箭头函数声明时所在的对象

3.普通函数中的this指向调用函数的对象

例:


箭头函数的写法都有哪些?

第一种写法 当箭头函数只接受一个参数 并且返回值是这个参数的时候,当箭头函数有且仅有一个参数时可以省略() 

let fn = a => a

    // 上面的箭头函数等价于下面的这种写法

    let fn = function(a) {

      return a

    }

第二种写法 当箭头函数只接受一个参数 并且返回的是一个简单的逻辑的时候

let fn = a => a+1

 // 上面的箭头函数等价于下面的这种写法

    let fu = function(a) {

      return a + 1

    }

   第三种写法是当箭头函数接受多个数据 并且返回一个简单的逻辑的时候

 let fn = (a, b, c) => a + b + c 

 // 上面的箭头函数等价于下面的这种写法

    let fn = function(a, b, c) {

      return a + b + c

    }

箭头函数的第四种写法 如果使用箭头函数只是想单纯的返回一个对象 则需要给对象添加()

let fn = () => ({name: 'zhangsan', age: 15})

箭头的函数的第五种写法

 let fn = (a, b, c) => {

      console.log(a + b + c)

    }

    fn(1, 2, 3)

你可能感兴趣的:(es6新增的箭头函数)