this指向和改变this指向

最新推荐文章于 2024-03-14 11:30:27 发布

紫冰花飘

最新推荐文章于 2024-03-14 11:30:27 发布

阅读量382

点赞数

分类专栏：总结文章标签： js

本文链接：https://blog.csdn.net/weixin_57994974/article/details/117304044

版权

总结专栏收录该内容

38 篇文章 1 订阅

订阅专栏

本文详细解读了JavaScript中this的关键特性，包括全局作用域中的window指向，普通函数中的对象绑定，箭头函数的固定this，以及构造函数中实例的指向。同时介绍了如何通过apply、call和bind来灵活改变this的指向。

摘要由CSDN通过智能技术生成

一、this指向

1、我们最大的作用域是window，所以在我们的全局中this指向window
2、在函数中(普通函数)，this永远指向调用他的那个对象
3、在箭头函数中，箭头函数中没有this，使用的this就是箭头函数父级的this。
4、在构造函数中，this指向构造出来的实例。
注意：箭头函数种的this无法改变

二、改变this指向

1、apply

改变this指向，传入的是单个值

2、call

改变this指向，传入一个集合

3、bind

改变this指向，调用时需要额外增加一个括号
语法:

let obj = {
		name:"张三",
		fn(){
			console.log(this.name);
		}
	}
	let obj1 = {
		name:"李四"
	}

	obj.fn.call(obj1,"");
	// 使用call改变this指向
	obj.fn.apply(obj1,[]);
	// 使用apply改变this指向
	obj.fn.bind(obj1)();
	// 使用bind改变this指向