方法中this指向的问题

最新推荐文章于 2022-05-13 14:58:34 发布

深蓝旭

最新推荐文章于 2022-05-13 14:58:34 发布

阅读量137

点赞数

分类专栏：技术

原文链接：https://www.colorgg.com

版权

技术专栏收录该内容

565 篇文章 24 订阅

订阅专栏

<!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对象

深蓝旭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
方法中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"></sc...
复制链接

扫一扫