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 |
原文:https://blog.csdn.net/lan1977545649/article/details/83577080
js中this指向的三种情况
原文地址:https://www.cnblogs.com/showcase/p/10498726.html