Js call apply bind

最新推荐文章于 2024-03-31 15:50:35 发布

小k铁柱

最新推荐文章于 2024-03-31 15:50:35 发布

阅读量126

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_40890601/article/details/108441887

版权

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了JavaScript中的call、apply和bind函数的用途，主要用于改变函数调用时的this对象。通过这三个方法，可以在不同对象上下文中调用同一个函数，实现函数的复用。示例中展示了如何在新对象上重用已有对象的函数，并解释了带参数的函数如何使用call和apply的不同之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用途

对象的属性可以是函数，一般是指向该对象，但有时候我们希望其他对象也可以调用此函数，这时候就需要使用 call 、apply 或 bind
简而言之，这三个函数的作用都是用于重定义this 对象的。
例如：下面这个实例obj.myFun() this 指向 obj

var name='klaus',age=23;
var obj = {
	name:'klaus1',
	objAge:this.age,
	myFun:function(){
	console.log(this.name+'年龄：'+this.age)
	}
}
// this 指向obj 
obj.myFun() //klaus1年龄：undefined

现在有一个新的对象，我们不想重新定义myFun 函数，想直接使用obj 的 myFun，这时候就需要使用 call apply bind 来重定向 this

var newObj={
	name:'newName',
	age:22
}
obj.myFun.call(newObj); // newName年龄：22
obj.myFun.apply(newObj); // newName年龄：22
obj.myFun.bind(newObj)(); // newName年龄：22

bind 返回的是对应函数，所以还需要加 () 表示立即执行，而call apply 则是立即执行此函数

带参数的函数

var obj = {
	name:'klaus1',
	myFun:function(from,to){
		console.log(this.name+'年龄：'+this.age,'从'+from+'到'+to+'')
	}
}
var newObj={
	name:'newName',
	age:22
}
obj.myFun.call(newObj,'上海','深圳')
obj.myFun.apply(newObj,['上海','深圳'])
obj.myFun.bind(newObj,'上海','深圳')()
//newName年龄：22 从上海到深圳
//newName年龄：22 从上海到深圳
// newName年龄：22 从上海到深圳