js中 call、apply和bind

最新推荐文章于 2025-02-28 11:03:26 发布

原创最新推荐文章于 2025-02-28 11:03:26 发布 · 118 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

javascript 专栏收录该内容

5 篇文章

订阅专栏

call、apply和bind都是JavaScript中改变函数上下文(this)的方法。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