关于this指向问题

最新推荐文章于 2023-05-30 21:31:39 发布
最新推荐文章于 2023-05-30 21:31:39 发布
阅读量190 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34725289/article/details/51377586
版权 
<span style="font-size:24px;">function fn1(){ 
   this
}</span>
<span style="font-size:24px;">1. fn1()   //this指的是window </span></span>
<span style="font-size:24px;">2. oDiv.οnclick=fn1  //this指的是oDiv</span>
<span style="font-size:24px;">3. oDiv.οnclick=function(){</span>
<span style="font-size:24px;">	fn1()		//fn1()里的this指的是window</span>
<span style="font-size:24px;">}</span>
<span style="font-size:24px;">4. <div οnclick="fn1()"></div> //fn1()里的 this指的是window</span>
<span style="font-size:24px;">window.οnlοad=function(){</span>
<span style="font-size:24px;">var ali=document.GetElementByTagName('li')</span></span>
<span style="font-size:24px;">var that =null</span></span>
<span style="font-size:24px;">for(var i=0;i<ali.length;i++){</span>
<span style="font-size:24px;">ali[i].οnmοuseοver=function(){</span>
<span style="font-size:24px;">that=this</span>
<span style="font-size:24px;">	}</span>
<span style="font-size:24px;"><span style="font-size:24px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">	</span>}</span></span>
<span style="font-size:24px;"></pre><pre name="code" class="html"></span>
<span style="font-size:24px;"><span style="font-size:24px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">	</span>function fn1(){</span></span>
<span style="font-size:24px;"><span style="font-size:24px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">	</span>that.getElementByTagName('div')[0].style.display='block'</span></span>
<span style="font-size:24px;"><span style="font-size:24px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">	</span>}</span></span>
<span style="font-size:24px;"><span style="font-size:24px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">}</span></span>

                

        

        

    

  


    

      

        

            

              
                
                  world8023
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
onclick调用函数中的$(this)未指向当前节点——jquery

				
			

			

				

					yytoo2的博客
				

				

					08-17
					
					2万+
					
				

			

		

		

			
				
在写html时，对button绑定了onclick事件，如下：


注意：此时的onclick中函数未传递任何参数
在function中我们尝试获取input这个节点信息：
function changeContent(){
alert($(this).tagName;

}



在chrome中运行后我们发现返回的是undefined，也就是说获取到的不是input节点

			
		

	



                

              
                



	

		

			

				
					
关于this指向问题及改变this指向的方法

				
			

			

				

					每天都要努力学习哦~~
				

				

					10-24
					
					2921
					
				

			

		

		

			
				
this指向详解



this的指向在函数定义的时候是确定不了的,只有函数执行的时候才确定this到底指向谁

一般情况下this指向调用它的对象

下面我们来看看this被调用时的五种情况

思维导图





分析

1.作为对象方法被调用

当函数作为对象方法被调用时this指向该对象


     var obj = {
            age: 18,
            fn: function () {
                console.log(this ===..

			
		

	



                


  
              

                


	

		

			

				
					
js中this的指向问题

				
			

			

				

					m0_51055743的博客
				

				

					08-22
					
					1071
					
				

			

		

		

			
				
js中this指向问题

			
		

	





	

		

			

				
					
关于this指向问题（箭头函数没有this指向）

				
			

			

				

					weixin_45725033的博客
				

				

					05-06
					
					1421
					
				

			

		

		

			
				
1.全局环境下，指向windows
console.log(this.document === document); // true
2.函数上下文调用
function f1(){
return this;
}
f1() === window; // true
3.对象中的this
对象内部方法的this指向调用这些方法的对
象，函数的定义位置不影响其this指向，


this指向只和调用函数...

			
		

	



		

			
		



	

		

			

				
					
this的指向问题及用法

				
			

			

				

					小小前端攻城狮的博客
				

				

					04-10
					
					1721
					
				

			

		

		

			
				
前言

最近，在准备面试，看到这样一道编程题，原题如下：
// 写一个 sum 方法，当使用下面的语法调用时，能正常工作
console.log(sum(2, 3)); // Outputs 5
console.log(sum(2)(3)); // Outputs 5



这道题要考察的，就是对函数柯里化的理解。让我们先来解析一下题目的要求：

如果传递两个参数，我们只需将它们相加并返回。
否则，我们假设它是以sum(2)(3)的形式被调用的，所以我们返回一个匿名函数，它将传递给sum()（在本例中为2）

			
		

	





	

		

			

				
					
JavaScript中关于this指向问题(学习笔记)

					
热门推荐

				
			

			

				

					Y4tacker的博客
				

				

					07-08
					
					1万+
					
				

			

		

		

			
				
文章目录总述通过实例分析
总述
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。

全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）
方法调用中谁调用this指向谁
构造函数中this指向构造函数的实例

通过实例分析
    <button>点击</button>
    <script>
        // 1. 全局作用域

			
		

	





	

		

			

				
					
this的指向问题

				
			

			

				

					code_J的博客
				

				

					04-13
					
					4433
					
				

			

		

		

			
				
js 中的 this 指向十分重要，在我们的工作和面试中也会时常遇到，倒是对this，总是不太了解，今天我来带大家系统的了解和学习一下。

一、this的指向

this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境；

this的指向大体分为以下几种情况：

1、全局作用域和普通函数调用，此时 this 指向 window

当函数不作为对象的属性被调用，而是以普通函数的方式，this总是指向全局对象（在浏览器中，通常是Window对象

			
		

	





	

		

			

				
					
uniapp this指向问题

				
			

			

				

					ddttxx的博客
				

				

					05-30
					
					953
					
				

			

		

		

			
				
本次开发遇见了一个问题就是this的指向问题。

			
		

	





	

		

			

				
					
详解JS中定时器setInterval和setTImeout的this指向问题

				
			

			

				

					10-20
				

			

		

		

			
				
然而，`this`关键字在这些定时器函数中的指向问题常常会给初学者带来困扰。  在JavaScript中，`this`的值取决于它被调用的上下文。通常，如果函数是作为对象的方法调用，`this`将指向那个对象。但在`setTimeout`和`...

			
		

	





	

		

			

				
					
关于JavaScript中的this指向问题总结篇

				
			

			

				

					12-09
				

			

		

		

			
				
在使用new关键字创建实例时，构造函数内部的this指向新创建的对象。例如： ```javascript function Person(name) {  this.name = name; } const person = new Person('Tom'); console.log(person.name); // Tom ``` ...

			
		

	





	

		

			

				
					
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法

				
			

			

				

					10-30
				

			

		

		

			
				
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法  在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...

			
		

	





	

		

			

				
					
vue使用axios时关于this的指向问题详解

				
			

			

				

					08-28
				

			

		

		

			
				
 // 箭头函数保证了this指向Vue实例  });  }  }  ``` 2. **使用`bind(this)`**：  我们可以显式地使用`bind`方法将`this`绑定到Vue实例，确保在回调中正确引用。如下所示：  ```javascript  methods: {  loginAction...

			
		

	





	

		

			

				
					
关于Java的this指向问题

				
			

			

				

					lxy的博客
				

				

					11-16
					
					1394
					
				

			

		

		

			
				
指出一个问题
百度java的this关键字，网上大部分文章给出的答案都是

this关键字在方法体中，用于指代调用该方法的当前对象

或

this关键字指向的是当前对象的引用

在只考虑没有继承关系的情况下这个结论是正确的，但是是不具一般性的，是特殊情况。
在有父类的情况下，this指向的是方法所在类创建的对象，换句话说，此方法定义在哪个类中，this指向其实例。

...

			
		

	





	

		

			

				
					
关于this指向问题的理解与总结

				
			

			

				

					Ajiangwa的博客
				

				

					05-24
					
					522
					
				

			

		

		

			
				
关于this指向问题的总结
// 前言引导：
// this的指向在函数定义的时候是确定不了的，
// 只有函数执行的时候才能确定this到底指向谁
// 实际上this的最终指向的是那个调用它的对象
// （这句话有些问题，后面会解释为什么会有问题，
// 虽然网上大部分的文章都是这样说的，
// 虽然在很多情况下那样去理解不会出什么问题，
// 但是实际上那样理解是不准确的，
// 所以在我们在理解this的时候会有种琢磨不透的感觉）
  //栗子1
  //   function a() {
  //

			
		

	





	

		

			

				
					
基于微信小程序的新生报到系统设计与实现.docx

				
			

			

				

					09-13
				

			

		

		

			
				
基于微信小程序的新生报到系统设计与实现.docx

			
		

	





	

		

			

				
					
基于java的电商平台的设计与实现.docx

					
最新发布

				
			

			

				

					09-13
				

			

		

		

			
				
基于java的电商平台的设计与实现.docx

			
		

	





	

		

			

				
					
基于java的大学生智能消费记账系统的设计与实现.docx

				
			

			

				

					09-13
				

			

		

		

			
				
基于java的大学生智能消费记账系统的设计与实现.docx

			
		

	





	

		

			

				
					
JavaScript this指向问题解析与解决策略

				
			

			

				

					
				

			

		

		

			
				
"这篇Markdown文件主要讨论了JavaScript中this的指向问题，特别是涉及到函数、定时器以及事件处理函数中的上下文。作者分享了自己的学习心得，并给出了一段代码示例来说明常见问题及其解决方案。"  在JavaScript中，...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值