分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js中this指向的三种情况

发布时间:2023-09-06 02:34责任编辑:郭大石关键词:js

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved