JS-call,apply,bind三者用法和区别

本文详细介绍了JavaScript中call(), apply(), bind()改变this指向的方法,通过实例演示了它们的作用、区别,以及何时使用。重点讲解了bind的自调用特性与apply和call的参数传递方式。
摘要由CSDN通过智能技术生成

改变this指向的常用方法:call,apply,bind 

  • call:改变this指向,自动执行函数
  • apply:改变this指向,自动执行函数
  • bind:改变this指向,不会自动执行函数,需要手动执行

举例子:

var obj1 = {
    name: 'csdn1',
    getName(){
        console.log(this.name)
    }
}

var obj2 = {
    name: 'csdn2',
    getName(){
        console.log(this.name)
    }
}

obj1.getName()   // csdn1
obj2.getName()   // csdn2

// 通过call,apply,bind改变this执行
obj1.getName.apply(obj2) // csdn2
obj1.getName.call(obj2) // csdn2
// 注意:obj1.getName.bind(obj2) // 即使改变了也不会执行,需要手动调用一下
obj1.getName.bind(obj2)()  // csdn2
 
  • apply接收两个参数,第一个参数是this的指向,第二个参数以数组形式传入
  • call第一个参数是this的指向,后面可传多个参数
  • bind第一个参数是this的指向,后面可传多个参数(无须一次性全部传入)

举例子: 

var arr = [1,10,8,3,5]
console.log(Math.max.apply(null,arr)) // 10

var arr=[1,10,5,8,3];
console.log(Math.max.call(null,arr[0],arr[1],arr[2],arr[3],arr[4])); //10

var arr=[1,10,5,8,12];
var max=Math.max.bind(null,arr[0],arr[1],arr[2],arr[3])
console.log(max(arr[4])); //12,分两次传参

难点及重点:

bind是自调用函数后才能生效

apply和call传参方法不同

我问你答?

 apply,call,bind有什么作用?

三者的区别是什么?

为什么要改变this指向?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值