箭头函数

Posted congtt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了箭头函数相关的知识,希望对你有一定的参考价值。

// ES6中的箭头函数
 
语法:
// 1 箭头函数中没有this, 箭头函数中的this 是外部环境中的this
// 2 箭头函数不能使用arguments
  // arguments 用来获取实参列表, 是一个伪数组
  // 使用 rest参数, 来替代 arguments 的功能
const fn = function () {
  console.log(arguments);
 }

 args 是一个真数组
 ...args 叫做: rest参数
const fn = (...args666) => {
  console.log(args666);
}
 
const fn = (args,args2) => {
  console.log(args666);
}
 

// 如果箭头函数只有一个参 可省略为 

const fn = args => {
  console.log(args666);
}
 
// 如果箭头函数函数体中只有一句话可省略为 
const fn =  ()  => {
  return 555
}
 
const fn =  ()  =>   555
 
// 如果箭头函数函数体中只有一句话并且是返回的对象可省略为 
const fn =  ()  => {
  return { name: ‘JICK‘ }
}
 
const fn =  ()  =>({ name: ‘JICK‘ })
 

以上是关于箭头函数的主要内容,如果未能解决你的问题,请参考以下文章

面试题系列---箭头函数和普通函数的区别?箭头函数的优缺点?

箭头函数

怎么理解这个箭头函数里的this指向

箭头函数和 this指向

箭头函数的特点

bind() 和 箭头函数的this