this错题集

var name = "window";
var person = {
  name: "person",
  sayName: function () {
    console.log(this.name);
  }
};
function sayName() {
  var sss = person.sayName;
  sss(); // window -默认绑定
  person.sayName(); // person -隐式绑定
  (person.sayName)(); // window == (function(){})           xxxxxx
                      // (间接调用：赋值表达式)() this才是window 
                      // (person.sayName)() === person.sayName() 
  (b = person.sayName)(); // window 间接调用
  console.log(person.sayName() === (person.sayName)())      // true
}
sayName();

var name = 'window'
var person1 = {
  name: 'person1',
  foo1: function () {
    console.log(this.name)
  },
  foo2: () => console.log(this.name),
  foo3: function () {
    return function () {
      console.log(this.name)
    }
  },
  foo4: function () {
    return () => {
      console.log(this.name)
    }
  }
}

var person2 = { name: 'person2' }

person1.foo1(); // person1
person1.foo1.call(person2); // person2

person1.foo2(); // window
person1.foo2.call(person2); // window

person1.foo3()(); // window 相当于 (function(){})
person1.foo3.call(person2)(); // person2   ？ 我现在觉得是个window, this是运行时确定的 ------------对了是person2
person1.foo3().call(person2); // person2

person1.foo4()(); // person1  ?? return 出来的函数是不是作为独立主体的，还是说已经继承了this  现在我觉得是个window------------错了是person1
person1.foo4.call(person2)(); // window 因为是抛出来的箭头函数，再执行的     ------------错了是person2
person1.foo4().call(person2); // window 箭头函数无法绑定this------------错了是person1 对无法绑定，但是箭头函数受外层作用域影响

// foo4()的函数返回的是一个箭头函数
// 箭头函数的执行找上层作用域

var name = 'window'
function Person (name) {
  this.name = name
  this.foo1 = function () {
    console.log(this.name)
  },
  this.foo2 = () => console.log(this.name),
  this.foo3 = function () {
    return function () {
      console.log(this.name)
    }
  },
  this.foo4 = function () {
    return () => {
      console.log(this.name)
    }
  }
}
var person1 = new Person('person1')
var person2 = new Person('person2')

person1.foo1() // person1
person1.foo1.call(person2) // person2

person1.foo2() // person1
person1.foo2.call(person2)  // person1

person1.foo3()() // person1-------------------错了是window // 调用位置是全局直接调用，所以依然是window（默认绑定）
person1.foo3.call(person2)() // person2-------------------错了是window
person1.foo3().call(person2) // person2

person1.foo4()() // person1
person1.foo4.call(person2)() // person2
person1.foo4().call(person2) // person1

var name = 'window'
function Person (name) {
  this.name = name
  this.obj = {
    name: 'obj',
    foo1: function () {
      return function () {
        console.log(this.name)
      }
    },
    foo2: function () {
      return () => {
        console.log(this.name)
      }
    }
  }
}
var person1 = new Person('person1')
var person2 = new Person('person2')

person1.obj.foo1()() // obj ----------------错了是window
person1.obj.foo1.call(person2)() // obj  -------------错了是window
person1.obj.foo1().call(person2) // person2

person1.obj.foo2()() // window ---------错了是obj
person1.obj.foo2.call(person2)() // person2
person1.obj.foo2().call(person2) // window --------错了是obj