获取this的问题

发布于
2017-02-22

更新于
2017-02-22

问题是这样：我想写一个组件方法，方法中定义了this。当不同的按钮点击时调用这个方法，this都能指向这个按钮，然后获取到按钮的一些属性。然而事实是不管怎么调用this都指向了window，也想到调用这个方法时候把this作为参数传进去可以解决，但是总觉得不太妥。代码大概是这样子：


var scale=function(){
    var that=$(this);
    console.log(that)
};
$(".btn").on("click",function(){
      scale();//这里想要函数中的this指向这个".btn"
})

请各位大侠指导下~小白在此万分感谢

javascript

阅读 3k

5 个回答

请叫我禽兽

函数当做函数调用的时候, 内部 this 要么指向window, 要么是 undefinded(严格模式),
你那样写, 明显就是函数调用, 理所当然的就是指向 window 啦.

当函数被注册成事件处理器的时候, 函数内部的 this 是指向发生事件的 DOM 节点.
所以, 直接这样

$(".btn").on("click", scale)

就可以了.
也可以参考其他回答, 用 bind, call, apply　绑定 this .

stardew

6.1k41633

发布于
2017-02-22

这个打出的是dom

<body>
    <div id="dom">dom</div>
  <script>
    const dom = document.getElementById('dom');
    dom.addEventListener("click", function () {
      console.log(this)
    })
  </script>
</body>

陈安柱

4k2319

发布于
2017-02-22

var scale = function() {

    var that = $(this);
    console.log(that)
};
$(".btn").on("click", function() {

    //scale(); //这里想要函数中的this指向这个".btn"
    scale.call(this);
})