js中 call、apply和bind

call、apply、bind的区别

call()apply()bind()都是用于改变函数内this指向的方法,只不过是传参的方式和返回的结果不同;

  • call() 是接收一个及其以上的参数,第一个参数表示this要指向的对象,其余参数表示调用函数需要传入的参数,返回调用函数的返回结果,属于立即执行函数;
  • apply() 是接收两个参数,第一个参数表示this要指向的对象,第二参数表示调用函数需要传入的参数所组成的数组,返回调用函数的返回结果,属于立即执行函数;
  • bind() 是接收一个及其以上的参数,和call()一致,但是其返回是一个函数,而不是调用函数的返回结果;
//此处声明若用let,则第一个调用函数输出undefined,
//因为此处let声明的变量虽然也是全局变量但其不会成为全局对象window的属性,故say()直接调用时为undefined
var word = "我是window";
function say(params1,params2){
	console.log(params1+" "+params2+","+this.word)
}
let obj = {
	word: "我是obj"	
}
let newObj= {
	word: "我是newObj"	
}
say("Hi","friend"); //Hi friend,我是我是window //let声明 则输出:Hi friend,undefined
say.call(obj,"Hi","friend")  //Hi friend,我是obj
say.apply(newObj,["Hi","friend"])  //Hi friend,我是newObj

//返回一个新的函数
let newFunc = say.bind(obj,"hello","friend"); 
newFunc()   //hello friend,我是obj

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值