前置知识:本质上任何函数在执行时都是通过某个对象调用的

this是什么?

  • 一个关键字, 一个内置的引用变量
  • 在函数中都可以直接使用this
  • this代表调用函数的当前对象
  • 在定义函数时, this还没有确定, 只有在执行时才动态确定(绑定)的

如何确定this的值?

  • test() window
  • obj.test() obj
  • new test() 新创建的对象

  • test.call(obj) obj

    1. function Person(color) {
    2.   console.log(this)
    3.   this.color = color;
    4.   this.getColor = function () {
    5.     console.log(this)
    6.     return this.color;
    7.   };
    8.   this.setColor = function (color) {
    9.     console.log(this)
    10.     this.color = color;
    11.   };
    12. }
    14. Person("red"); //this是谁? window
    16. var p = new Person("yello"); //this是谁? p
    18. p.getColor(); //this是谁? p
    20. var obj = {};
    21. p.setColor.call(obj, "black"); //this是谁? obj
    23. var test = p.setColor;
    24. test(); //this是谁? window
    26. function fun1() {
    27.   function fun2() {
    28.     console.log(this);
    29.   }
    31.   fun2(); //this是谁? window
    32. }
    33. fun1();