JavaScript中this指向问题

小灰灰 2022-04-22 15:18 249阅读 0赞

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。  
1.通过函数名直接调用，this指向window

function func(){ 
    console.log(this)
    }
    test() // this -> window

2.函数作为window内置函数的回调函数调用，this指向window

setTimeout(function func(){ 
    console.log(this)
    },100)
    // this -> window

3.通过对象调用函数，this指向这个对象

var obj = { 
        func: function(){ 
        console.log(this)
    }
      
    }
    obj.func() // this -> obj

4.函数作为构造函数，this指向新new出的对象

function func(){ 
    console.log(this)  // this -> window
    }
    var newfunc = new func() // this -> newfunc

5…利用apply、call改变this指向

var obj = { }
    function func(){ 
    console.log(this)
    }
    func() // this -> window
    func.call(obj) // this -> obj
    func.apply(obj) // this -> obj

当使用apply和call上下文调用的时候this指向传入的第一个参数

友情链接：[点击查看　JavaScript作用域、闭包、this指向系列文章目录][JavaScript_this]

友情链接：[点击查看所有文章目录][Link 1]

[JavaScript_this]: https://blog.csdn.net/qq_42911663/article/details/86369995
[Link 1]: https://blog.csdn.net/qq_42911663/article/details/86365901

发表评论取消回复

表情：

评论列表（有 0 条评论，249人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript的this指向问题

this的指向在我们看见的各种介绍如何判断this的指向方法中，“this的最终指向的是那个调用它的对象” 这句话被视作核心，但是面对多种多样的情况，我们容易搞混。针对

我就是我/ 2023年10月08日 21:53/ 0 赞/ 12 阅读

相关 JavaScript 中改变 this 的指向

阅读目录如何灵活的运用 this 改变 this 的指向常见应用场景查找数组最大元素将数

水深无声/ 2023年10月07日 20:14/ 0 赞/ 28 阅读

相关 JavaScript函数中this的指向

JavaScript函数中this的指向 this的取值在函数真正被调用执行的时候确定，函数定义时无法确定。分为四种情况。 1、构造函数所谓构造函数就是用来ne

￡神魔★判官ぃ/ 2023年08月17日 15:23/ 0 赞/ 147 阅读

相关 javascript的this指向问题

关于this指向问题一直是js基础的热门问题，最近参与公司面试问过很多面试者总觉得有点模糊。所以自己想着总结一下： this的指向在函数定义的时候是确定不了的，只有在函数执行

r囧r小猫/ 2022年12月27日 14:04/ 0 赞/ 181 阅读

相关【JavaScript】this指向的问题

this指向不是在创建时指定的，而是由最后调用它的对象决定的。全局对象的this 在非严格模式下，this指向window；在严格模式下，this指向undefine

拼搏现实的明天。/ 2022年10月23日 01:56/ 0 赞/ 250 阅读

相关 JavaScript中this指向问题

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。 1.通过函数名直接调用，this指向window func

小灰灰/ 2022年04月22日 15:18/ 0 赞/ 250 阅读

相关 JavaScript中this究竟指向什么？

摘要：神奇的this！原文：[JS 中 this 在各个场景下的指向][JS _ this] 译者：前端小智 [Fundebug][]经授权转载，版权归原作

Bertha 。/ 2021年10月23日 14:24/ 0 赞/ 365 阅读

相关 js this指向哪里 JavaScript this指向

非箭头函数中的this指向一般都是调用者在非箭头函数中谁调用了函数，那么函数的this指向就是谁比如 let obj1 = \{

Myth丶恋晨/ 2021年10月19日 03:44/ 0 赞/ 469 阅读

相关 javaScript中this的指向

简单笔记： this永远指向调用它的对象，在严格模式下没有调用对象会指向undefined，非严格模式下指向全局变量（浏览器指向window，nodejs指向g

灰太狼/ 2021年09月22日 09:18/ 0 赞/ 424 阅读

相关 JavaScript中this指向问题

什么是this？在JS中，this的指向是调用时决定的，不是创建时决定的，this具有运行期绑定的特性全局上下文 this等价于window对象 var

系统管理员/ 2021年09月01日 04:36/ 0 赞/ 491 阅读