Javascript箭头函数
概述
箭头函数与常规函数对比
常规函数
箭头函数
带有块语法的箭头函数
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 本来的绑定.
- 每个函数都会有自身的this，但是this并不是在函数声明完就绑定到某个对象上的，只有在函数调用时，this才会被绑定.
- 常见的 this 指向
- 全局作用域中或者普通函数中 this 指向全局对象 window.
- 立即执行函数 this 指向全局对象 window.
- 定时器的 this 指向全局对象 window.
- 事件中的 this 指向事件源对象.
- 方法中的 this 谁调用就指向谁.
- 构造函数中的 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);