概述

箭头函数与常规函数对比

常规函数
箭头函数
带有块语法的箭头函数
function funcName(params) {
    return params + 2;
}
funcName(2);
// 4

var funcName = (params) => params + 2
funcName(2);
// 4

// 如果使用块语法,需要指定 return 关键字.
var funcName = (params) => { return params + 2 }
funcName(2);

箭头函数不会绑定this,即箭头函数不会改变 this 本来的绑定.

  1. 每个函数都会有自身的this，但是this并不是在函数声明完就绑定到某个对象上的，只有在函数调用时，this才会被绑定.
  2. 常见的 this 指向
    1. 全局作用域中或者普通函数中 this 指向全局对象 window.
    2. 立即执行函数 this 指向全局对象 window.
    3. 定时器的 this 指向全局对象 window.
    4. 事件中的 this 指向事件源对象.
    5. 方法中的 this 谁调用就指向谁.
    6. 构造函数中的 this 指向对象实例.
常规函数
箭头函数
带有块语法的箭头函数
function funcName(params) {
    return params + 2;
}
funcName(2);
// 4

var funcName = (params) => params + 2
funcName(2);
// 4

// 如果使用块语法,需要指定 return 关键字.
var funcName = (params) => { return params + 2 }
funcName(2);

回调函数

回调函数示例1
let arr = [10, 20, 30];
// function(item) 是回调函数, forEach 用来遍历集合中的每一项, 每次调用时，forEach 会把当前项传给这个函数的参数 item.
arr.forEach(function(item){
  console.log(item); // 每次循环时，item 是当前元素
});

参考链接

  1. this讲解1
  2. this讲解2