浅谈关于this的指向问题

﹏ヽ暗。殇╰゛Y 2024-04-19 12:49 67阅读 0赞

button {
            width: 100px;
            height: 100px;
            background-color: rebeccapurple;
        }
    
    
    
    <button id="attackBtn">
        打人
    </button>
    <button id="startTimerBtn">
        开启定时器
    </button>
    <script>
        class Peopole {
            constructor(dataObj) {
                this.name = dataObj.name;
                this.age = dataObj.age;
                this.sex = dataObj.sex;
                $("#attackBtn").click(this.attack.bind(this))
                $("#startTimerBtn").click(this.startTimer.bind(this))
            }
            //这里的一级函数this指的是对象本身
            runEvent() {
                console.log("我叫:''" + this.name + "'今年'" + this.age + "'岁了" + "我在跑步,对了我还是'" + this.sex + "'孩子喔")
            }
            //这里的点击事件 this指的是处罚该函数的按钮对象
            attack() {
                console.log("我是'" + this.name + "'我在打架")
            }
    
            //开启定时器的方法
            startTimer() {
                console.log("开启了定时器")
                // var that=this;
                var timer=setInterval(function()
                {
                    console.log("1")
                    console.log(this.name)
                }.bind(this),500)
            }
    
        }
        var dataObj =
        {
            name: "郭嘉",
            age: "15",
            sex: "男"
        }
        var m = new Peopole(dataObj)
        m.runEvent()
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，67人围观）

还没有评论，来说两句吧...

相关阅读

相关浅谈关于this的指向问题

button { width: 100px; height: 100px; backgrou...

﹏ヽ暗。殇╰゛Y/ 2024年04月19日 12:49/ 0 赞/ 68 阅读

相关 this指向问题

解题思路 1. 普通函数中，this是它的直接调用者，谁调用，this就指向谁。 2. 箭头函数，this指向跟外部作用域中this指向是同一个。面试真题

灰太狼/ 2023年10月09日 16:36/ 0 赞/ 13 阅读

相关 this的指向问题

1.构造函数里面的this指向的是对象实例 2.原型对象函数里面的this指向的是实例对象ldh function Star(name,age){

小咪咪/ 2023年07月24日 02:19/ 0 赞/ 19 阅读

相关 this指向问题

全局上下文非严格模式和严格模式中this都是指向顶层对象（浏览器中是window）。 1.默认绑定独立调用普通函数调用，此时 this

妖狐艹你老母/ 2022年11月29日 12:54/ 0 赞/ 233 阅读

相关 this指向问题

this指向问题。 this指向 -------------------- ღ 函数预编译过程中，this指向window。在函数里定义一个th

àì夳堔傛蜴生んèń/ 2022年05月26日 05:23/ 0 赞/ 272 阅读

相关 this的指向问题

this的指向已经是一个老生常谈的问题，每逢面试都要去复习复习，近来巩固js的基础，决心彻底掌握这个知识点，一劳永逸。说明一下，为了不影响大家的思考过程，下面的代码都不会去注释

一时失言乱红尘/ 2022年05月21日 08:48/ 0 赞/ 299 阅读

相关关于setInterval和setTImeout中的this指向问题

问题描述前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例：

忘是亡心i/ 2022年05月11日 01:38/ 0 赞/ 235 阅读

相关 js - 浅谈js中this的指向

this最终指向的是调用它的那个对象 1、在普通函数里的this指向例子1： ![Alt][] 运行结果： ![aHR0cHM6Ly91cGxvYWQta

曾经终败给现在/ 2021年09月20日 06:42/ 0 赞/ 489 阅读

相关 this指向问题

this指向，是我们在开发中不得不关注的一个点，当我们进行事件处理时，如果疏忽this的指向问题，可能会发生意想不到的错误。那么，让我们来了解一下this吧。 this呢

向右看齐/ 2021年09月18日 11:06/ 0 赞/ 466 阅读

相关关于js中的This指向问题的介绍

关于js中的This指向问题的介绍 1、基本概念 MDN的官方解释：与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和...

红太狼/ 2020年06月06日 19:16/ 0 赞/ 737 阅读