码迷,mamicode.com
首页 > 其他好文 > 详细

方法中this指向的问题

时间:2020-02-23 16:35:46      阅读:47      评论:0      收藏:0      [点我收藏+]

标签:bsp   cti   test   mic   copy   obj   hide   col   因此   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <button class="btn">按钮</button>

    <script src="../js/jquery.js"></script>
    <script>
        var obj={
            show:function(){
                console.log(this,1);
            },
            hide:function(){
                console.log(this,2);
            }
        }

        //这次只是绑定了事件,真正调用时是在hover的时候
        //因此调用这个方法的实际是hover的元素
        $(".btn").hover(obj.show,obj.hide);//this指向调用obj.show这个方法的元素

    </script>
</body>
</html>

这里只是绑定了事件,函数真正执行是在元素被hover的时候,因此this指向调用该方法的元素

技术图片

 

 

技术图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <button class="btn">按钮</button>

    <script src="../js/jquery.js"></script>
    <script>
        var obj={
            show:function(){
                console.log(this,1);
            },
            hide:function(){
                console.log(this,2);
            }
        }

        $(".btn").hover(function(){
            obj.show();//方法是obj直接调用的,因此this指向obj
        },function(){
            obj.hide();
        });
    </script>
</body>
</html>
技术图片

这里的方法是在匿名函数中直接调用的(加了()小括号表示调用)

因此this指向调用该方法的obj对象

技术图片

 

方法中this指向的问题

标签:bsp   cti   test   mic   copy   obj   hide   col   因此   

原文地址:https://www.cnblogs.com/ZXH-null/p/12350175.html

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