概述

一个函数中this的指向是由调用这个函数的环境来决定的。

  1. 全局

    var a = 1;function b(){    var a = 2;    console.log(this.a);};b(); //1
    <input type="text" value="4" onclick="b()" />var value = 3;function b(){    console.log(this.value);};b();//3此时的b函数的环境是全局的

  2. 局部

       var a = 1;   var c = {a:3};   c.b = function(){   var a = 2;   console.log(this.a);   };   c.b();//3     //立即执行函数 由于是赋值，所以只执行了右边的函数  var a = 1;  var c = {a:3};  (c.b = function(){  var a = 2;  console.log(this.a);  })();//1

apply、call 和 bind 改变this指向

  1. apply

    • 参数

      只能传两个参数，第一个参数a是改变this指向的结果对象(在非严格模式下，第一个参数为null或者undefined时会自动替换为指向全局对象)，第二个参数是传给a的参数集合（arguments[数组或类数组]）；

    • 实例

      var a = 1;var c = {a : 3};function b(d,e){    var a = 2;    console.log(this.a);    console.log(d,e);};b.apply(c);//3  undefined undefinedb.apply();//1  undefined undefinedb.apply(c,[5,6]);// 3  5 6

  2. call

    • 参数

      第一个参数和apply()的第一个参数一样，不同的是apply()后面是接收一个数组或类数组，call()后面是是接收的参数列表。

    • 实例

      var a = 1;var c = {a : 3};function b(d,e){    var a = 2;    console.log(this.a);    console.log(d,e);};b.call(c);//3  undefined undefinedb.call();//1  undefined undefinedb.call(c,5,6);// 3  5 6

  3. bind

    • 参数

      参数和call一样，不同的是 call()和apply()在调用函数之后会立即执行，而bind()方法调用并改变函数运行时上下文后，返回一个新的函数，供我们需要时再调用。

    • 实例

      var a = 1;var c = {a : 3};function b(d,e){   var a = 2;   console.log(this.a);   console.log(d,e);};var b1 = b.bind(c);var b2 =b.bind();var b3 =b.bind(c,5,6);b1();//3  undefined undefinedb2();//1  undefined undefinedb3()// 3  5 6