JavaScript 箭头函数 小知识点

前言：

箭头函数是 es6 推出的，主要是为了方便我们声明函数，解决函数的this指向问题，现在我就为大家分享一点 箭头函数的知识。

---

箭头函数特点：

1. 箭头函数没有 function 关键字
2. 箭头函数 小括号和花括号之间有一个箭头
3. 如果参数是一个，可以省略小括号
4. 如果 直接返回对象类型，需要使用 () 进行包裹
5. 箭头函数中没有 this 指向问题
6. 箭头函数没有 arguments，可以使用剩余运算符将多余数组放到 指定参数中
7. 函数可以赋予默认参数

---

代码展示：

// 箭头函数简单使用
let fn = (a) => {
  return a;
};

let fnn = (a) => a;
console.log(fnn(1));


let a = 111
let obj = {
  a:()=> {
    setTimeout(() => {
      console.log(this.a);
    }, 1000);
  },
};
console.log(obj.a()); // undefined


let fn = (x, ...args) => {
  console.log(args);
};
fn("x", 1, 2, 3, 4, 5, 6);


let fn = (a = 1, b = 2) => {
  console.log(a, b);
};
fn();

感谢观看！