js中this指向的几种情况
一、全局作用域或者普通函数自执行中this指向全局对象window,普通函数的自执行会进行预编译,然后预编译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