JS中this指向

最新推荐文章于 2022-04-30 21:07:55 发布

浩哥学习编程之路

最新推荐文章于 2022-04-30 21:07:55 发布

阅读量91

点赞数

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

本文链接：https://blog.csdn.net/m0_46978034/article/details/111405200

版权

js 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this
的最终指向的是那个调用它的对象

全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）
方法调用中谁调用this指向谁
构造函数中this指向构造函数的实例

代码演示：

<body>
    <button>按钮</button>
    <script>
        // 1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）
        console.log(this); //window

        function fn() {
            console.log(this);
        }
        fn() //window

        setTimeout(function() {
                console.log(this);
            }, 1000) //window
            //    2. 方法调用中谁调用this指向谁
        var o = {
            sayHi: function() {
                console.log(this);
            }
        }
        o.sayHi() //这里this指向的是o

        var but = document.querySelector('button')
        but.onclick = function() {
            console.log(this); //这里this指向了but按钮 
        }

        but.addEventListener('click', function() {
                console.log(this); //这里this指向了but按钮 
            })
            // 3.构造函数中this指向构造函数的实例
        function Fon() {
            console.log(this); //shis指向的是Fon实例对象
        }
        var fun = new Fon()
    </script>
</body>

浩哥学习编程之路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JS中this指向

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）方法调用中谁调用this指向谁构造函数中this指向构造函数的实例代码演示：<body> <button>按钮</button> <script> // 1. 全局作用域或者普通
复制链接

扫一扫

专栏目录