js中call方法的原理

最新推荐文章于 2024-01-11 22:16:52 发布

平平无奇小码农qwq

最新推荐文章于 2024-01-11 22:16:52 发布

阅读量307

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.csdn.net/qq_42667613/article/details/120293374

js 专栏收录该内容

30 篇文章

订阅专栏

这篇博客深入解析了JavaScript中Function.prototype.myCall方法的内部实现。通过示例展示了如何使用myCall来改变函数调用时的上下文，从而影响this的指向。在示例中，fun函数在obj对象的上下文中被调用，打印出了正确的属性值。

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

内部实现：

Function.prototype.myCall = function(param) {
	// 这个this就是调用myCall函数的，在这里是fun函数
	if(typeof this !== 'function'){
		return new TypeError('Not a Function');
	}
	
	param = param || window;
	param.fn = this;
	
	// arguments是类数组，用Array.from()转一下
	let arg = Array.from(arguments).slice(1);

	let result = param.fn(...arg);
	delete param;
	return result;
}

var age = 99;

var obj = {
	age: 29,
};

function fun(name) {
	console.log(this.age, name); // 29 tom
}

fun.myCall(obj, 'tom');