修改this指向问题

最新推荐文章于 2024-05-26 16:04:17 发布

Always_OL

最新推荐文章于 2024-05-26 16:04:17 发布

阅读量744

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： this指向

本文链接：https://blog.youkuaiyun.com/nideshijian/article/details/52789165

js 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了JavaScript中this关键字的指向问题，并通过具体示例解释了如何使用call和apply方法来改变函数内部this的指向。此外，还展示了如何在事件监听器中正确设置this的上下文。

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

描述：改this的指向

1、call方法
param1: show函数中this的指向
param2: 第二参数开始都是show函数实际参数
例：被调函数名.call(param1,param2,param3);

2、 apply方法
param1: show函数中this的指向
param2: 一个集合 []
没有第3个参数了

例：被调函数名.apply(param1, param2);

		<div id="div1">aaaa</div>
		<script type="text/javascript">
			
			var div=document.getElementById('div1');
			
			div.onclick=function(){
				
				//show();    //this---- >windos
				
				show.call(div,2,9);   //this---- >div
				
				//show.apply(this,[2,9])   //this---- >div
			}
			function show(a,b)
			{
				
				console.log(this);
				console.log(a);
				console.log(b);
			}
			
			
		</script>