JS中this指向的几种常见情况分析

迷南。 2022-11-29 11:17 140阅读 0赞

# JS中的this指向 #

应舍友的要求，写一篇关于javascript中this指向的问题。我自己理解也不太深入，有什么问题，请及时提出来，感谢！  
在进行一番学习之后，this指向什么 这一问题主要由一下几种情况：  
我这个人不搞花里胡哨的东西，写一大堆话，结果一句没看懂，还浪费了时间，主要通过列举具体代码来解决问题。

第一种情况：

function foo(){
            console.log("this",this);
    }
    new foo();

这种情况下，this 指向新构建出来的对象。

第二种情况：

function foo(){
            console.log("this",this);
    }
    foo();

这种情况下，this指向全局对象，即在浏览器环境下指向window ,在nodejs 环境下指向global。

第三种情况：

var foo = function(){
            console.log("this",this);
      }
    var obj = {
          name:"terry",
          bar:foo
    }
    obj.bar();

这种情况下，this 指向obj。

第四种情况：

function foo(){
            console.log("this",this);
    }
    //var arr = [1,2,3,foo];
    //arr[3](); 
    [1,2,3,foo][3]();

这种情况下，this 指向arr

第五种情况:

function foo(){
            console.log("this",this);
    }
    foo.call({name:"terry"})

这种情况下，this指向\{name:“terry”\}

第六种情况：

function foo(){
            console.log("this",this);
    }
    foo.apply({name:"terry"})

这种情况下，this指向\{name:“terry”\}

说实话，this指向谁，这个问题挺难理解的，要是没有一个人专门讲解一下，估计要很久才能懂！

发表评论取消回复

表情：

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

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

相关阅读

相关 javascript 中的 this几种情况

全局的 this(浏览器) console.log(this.document === document); //true console.log(th

小咪咪/ 2022年12月13日 11:19/ 0 赞/ 141 阅读

相关 JS中this指向的几种常见情况分析

JS中的this指向应舍友的要求，写一篇关于javascript中this指向的问题。我自己理解也不太深入，有什么问题，请及时提出来，感谢！在进行一番学习之后，t

迷南。/ 2022年11月29日 11:17/ 0 赞/ 141 阅读

相关 JS中的 this 指向的七种场景

this指向问题 this是一个关键字，指向一个对象，在不同的调用环境this指向的对象也不一样。 1、全局this指window console.log(thi

àì夳堔傛蜴生んèń/ 2022年11月27日 06:51/ 0 赞/ 61 阅读

相关 JS中的this指向

this指向：与我们常见的很多语言不同，JavaScript 函数中的 `this` 指向并不是在函数定义的时候确定的，而是在调用的时候确定的。换句话说，函数的调用方式

淡淡的烟草味﹌/ 2022年11月01日 01:51/ 0 赞/ 170 阅读

相关 js中this的指向

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

短命女/ 2022年09月14日 09:12/ 0 赞/ 197 阅读

相关 JS中的this指向

1、普通函数： this指向 window function foo() { function fn() {

以你之姓@/ 2022年06月09日 09:07/ 0 赞/ 217 阅读

相关 js中的this指向

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。为什么要学习t

谁践踏了优雅/ 2022年05月06日 06:27/ 0 赞/ 190 阅读

相关 JS中this的几种使用情况

this关键字是JavaScript中最复杂的机制之一，它是一个很特别的关键字，被自动定义在所有函数的作用域中。在函数中this到底取何值，是在函数真正被调用执行的时候

我就是我/ 2022年04月15日 02:06/ 0 赞/ 179 阅读

相关 this的指向有哪几种情况？

this代表函数调用相关联的对象，通常页称之为执行上下文。 1. 作为函数调用，非严格模式下，this指向window，严格模式下，this指向undefined；

Love The Way You Lie/ 2022年04月10日 10:56/ 0 赞/ 223 阅读

相关 JS 中几种处理’this’指向的方式

JS 中几种处理’this’指向的方式我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。例如，咱们可以在类数组对象上使用数组方法：

红太狼/ 2020年06月23日 16:51/ 0 赞/ 669 阅读