js中this指向的三种情况_this指向有几种-优快云博客

本文详细解析了JavaScript中this关键字的指向规则，包括全局作用域、事件函数内部、对象方法调用等多种情况，帮助读者深入理解this的工作机制。

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

js中this指向的几种情况

一、全局作用域或者普通函数自执行中this指向全局对象window

//全局作用域
 	console.log(this);//Window 
//普通函数
	function fn(){
     	console.log(this); //Window
   }
    fn(); //函数加括号调用叫函数自执行，函数自执行时，内部的this指向顶层对象/window

二、事件函数内部的this指向事件源：注意在事件函数中如果包含普通函数，普通函数自执行后，内部this还是指向window

 //事件函数内部的this指向事件源
    document.body.onclick = function(){
    	 this.style.height = "1000px";
      	 console.log(this); //body对象
      	 function fn(){
           console.log(this); //Window
      	 }
      	 fn(); //函数加括号调用叫函数自执行，函数自执行时，内部的this指向顶层对象/window
        };

三、对象方法调用时，this指向调用的对象

let obj = {
    name : "lanlan",
     fn : function(){
         console.log(this);
     },
     lacy : {
         name : "didi",
         fn : function(){
             let num = 10;
             console.log(this);
         }
     }
 };  
   obj.fn(); //obj
   obj.dudu.fn(); //lacy