四种情况:

    1. 默认绑定: 直接调用函数指向window
    2. 隐式绑定: 对象里调用,绑定调用的对象
    3. new绑定
    4. 显式绑定 call apply bind

    image.png

    1. var name = 'window'
    3. var person1 = {
    4.   name: 'person1',
    5.   foo1: function() {
    6.     console.log(this.name);
    7.   },
    8.   foo2: () => console.log(this.name),
    9.   foo3: function() {
    10.     return function() {
    11.       console.log(this.name);
    12.     }
    13.   },
    14.   foo4: function() {
    15.     return () => {
    16.       console.log(this.name);
    17.     }
    18.   }
    19. }
    21. var person2 = {name: 'person2'}
    23. person1.foo1()  // person1 隐式绑定person1
    24. person1.foo1.call(person2) // person2 显式绑定person2
    26. person1.foo2() // window
    27. person1.foo2.call(person2) // window
    29. person1.foo3()()  // window
    30. person1.foo3.call(person2)() // window
    31. person1.foo3().call(person2) // person2
    33. person1.foo4()() // person1
    34. person1.foo4.call(person2)() // person2
    35. person1.foo4().call(person2) // person1