JS this指向练习题

小苏(º﹃º )

已于 2022-06-28 19:35:52 修改

阅读量2.1k

点赞数 10

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

于 2021-06-20 17:00:18 首次发布

本文链接：https://blog.csdn.net/qq_45850095/article/details/117263517

版权

本文通过一系列示例探讨JavaScript中的this指向问题，包括在不同情况下函数的this如何确定，涉及构造函数、对象方法、new关键字等场景。通过解析运行结果，帮助读者掌握this的核心原则：哪个对象调用函数，函数内的this就指向哪个对象。

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

javascript练习题

使用 JavaScript 开发的时候，很多人多多少少都会被 this 的指向问题搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。

接下来我们看看几个例子：

1.this指向（小试牛刀）

	<script type="text/javascript">
		function test(a){
   
			this.b = a;
            console.log(this);
		}
		test(3);
		console.log(b);//3  这里相当于与访问window.b
	</script>

运行结果：
在这里插入图片描述

1.因为test函数是在整个window对象中，当我们调用test函数时，相当于window.test(3),所以此时的this指向window。
2.因为函数中有this.b,又因为this指向，所以在调用时，给window对象添加了一个b属性

2.this指向（难度提升）

<script type="text/javascript">
	var obj = {
   
		a:1,
		c:2,
		say:function(a){
   
            console.log("this1: "+this);
			var sayA = function(a){
   
				console.log("this2: "+this);
				this.a = a;
			};
            function sayC(){
   
                console.log("this3: "+this);
            }
			sayA<