JavaScript：this指向问题、同步和异步、 JS执行机制、location对象

最新推荐文章于 2023-07-28 01:05:56 发布

原创

最新推荐文章于 2023-07-28 01:05:56 发布 · 置顶 · 1.2k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #es6 #面试

本文详细探讨了JavaScript中的this指向问题，包括全局作用域、方法调用及构造函数中的应用，并通过示例解释了其在不同场景下的指向。此外，还介绍了JavaScript的单线程特性和事件循环机制，解析了同步与异步任务的执行顺序，并讨论了location对象及其在获取URL参数中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

this

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

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

<body>
    <button> 按钮</button>
    <script>
        // this 指向问题 一般情况下 this最终指向是调用它的对象
        // 1.全部作用域或者普通作用函数中 this指向全局对象window （定时器里面的 this指向window）
        console.log(this);

        function fn (){
   
   
            console.log(this);
        }
        fn()
        // 定时器   指向的也是window
        // setInterval(function(){
   
   
        //     console.log(this);
        // },1000) 

        // 2.方法调用中 谁调用this指向谁
         var q = {
   
   
             hello:function(){
   
   
                 console.log(this);  //this 指向的是 q 这个对象this最终指向是调用它的对象
             }
         }
         q.hello()

         var btn = document.querySelector('button')
         btn.onclick = function(){
   
   
             console.log