改变this指向的方法

(1)、call方法

1、call()方法可以进行普通函数的调用
2、call()方法可以改变this的指向,如果没有参数,this指向window
3、call()方法可以改变this的指向,如果有一个参数,this指向该参数
4、call()方法可以改变this的指向,如果有多个参数,this指向第一个参数,剩下的是个参数列表

(2)、apply方法

1、 apply()方法可以进行普通函数的调用
2、apply()方法可以改变this的指向,如果没有参数,this指向window
3、apply()方法可以改变this的指向,如果有一个参数,this指向该参数
4、apply()方法可以改变this的指向,如果有多个参数,第一个参数是null或者window,第二个参数是数组

var arr = [11, 55, 33, 66, 88];
  console.log(Math.max(11, 22, 33));//33
  console.log(Math.max(arr));//NaN
  console.log(Math.max.apply(window, arr));//88
  console.log(Math.max.apply(null, [11, 55, 33, 66, 88]));//88

(3)、bind方法

推荐使用第二种形式,第三种用的相对较少,但也是必须掌握的内容。

bind() 函数会创建一个新函数(称为绑定函数),新函数与被调函数(绑定函数的目标函数)具有相同的函数体(在 ECMAScript 5 规范中内置的call属性)。当目标函数被调用时 this 值绑定到 bind() 的第一个参数,该参数不能被重写。绑定函数被调用时,bind() 也接受预设的参数提供给原函数。一个绑定函数也能使用new操作符创建对象:这种行为就像把原函数当成构造器。提供的 this 值被忽略,同时调用时的参数被提供给模拟函数。
1、bind()不能进行函数的调用
2、可以改变this指向

var name = "小明";
  var obj3 = {
    name: "小刚",
    getName: function () {
      var name = "小熊";
      console.log(this.name);//小刚
      console.log(name);//
      that = this;
      /*  that = this
       var fn2 = function () {
         console.log(this.name);//小明 //小刚
       }.bind(that); */
      var fn2 = function () {
        var name = "小李";
        console.log(this.name);//小明 
        console.log(name);//小李
      }.bind(that);
      fn2();
    }
  }
  obj3.getName();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值