JavaScript this指向问题

mariner_zp

于 2020-05-27 23:30:30 发布

阅读量119

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_41174502/article/details/106390910

版权

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            每个作用域都有this关键词
            同一个作用域的this指向是相同的
        */ 
        //全局作用域下this指向window
        console.log(this);//window

        //普通函数的this也指向window
        function fn1(){
            console.log(this);
        };
        fn1();//window 相当于window.aa()

        //对象的this指向对象本身
        let person={
            name:'susan',
            log(){
                console.log(this);
                
            }
        }
        person.log();//{name: "susan", log: ƒ}

        //事件函数的this指向事件被触发的节点

        document.onclick=function(){
            console.log(this);//document
            
        }
        
    </script>
</body>
</html>