码迷,mamicode.com
首页 > Web开发 > 详细

js中this指向的三种情况

时间:2019-03-08 23:24:16      阅读:670      评论:0      收藏:0      [点我收藏+]

标签:click   UNC   cti   ons   table   detail   order   border   doc   

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指向的三种情况

标签:click   UNC   cti   ons   table   detail   order   border   doc   

原文地址:https://www.cnblogs.com/showcase/p/10498726.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!