javascript

javascript函数上下文（this指向）

1.函数的声明方式

function fn1() {}
var fn2 = () => {}
var fn3 = new Function()

2.函数的上下文（即：this）

非严格模式下：
function 和 new Function 声明得到的函数，this的指向均为调用对象，默认为window
严格模式下：
function 和 new Function 声明得到的函数，this的指向为undefined
使用 lambda 声明的函数则只与定义的上下文有关

    var fn = new Function('console.log(this)') // 等价于function声明
    function fn() {console.log(this);}
    fn()

    var fn = new Function(' "use strict"; console.log(this)') // 等价于function声明
    function fn() { "use strict"; console.log(this);}
    fn()

    var fn = () => {"use strict"; console.log(this);}
    var fn = () => {console.log(this);}
    fn()

3.容易误解的上下文

var data = {
  dataCtx1: function() {console.log('dataCtx1', this); /* data */},
  dataCtx2() {console.log('dataCtx2', this); /* data  */ },
  windowCtx: () => {console.log('windowCtx', this); /* window */}
}

4.显式指定函数上下文

手动指定函数的上下文有三种方式
1.apply(ctx, []) 手动指定函数的上下文并调用，第二个参数为数组
2.call(ctx, …args) 手动指定函数的上下文并调用，第二个参数为可变参
3.bind(ctx) 手动指定函数的上下文，但不调用