js学习之this指向问题

最新推荐文章于 2022-10-17 22:10:57 发布

思念烧~

最新推荐文章于 2022-10-17 22:10:57 发布

阅读量377

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_48803300/article/details/122154218

版权

所以我们根据这个本质，按照不同的环境把this指向划分为三个不同的场景。

我们举个简单栗子：

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

fn函数处于全局作用域下，调用fn时，其实本质上是window在调用，即window.fn()，所以这时this就是指向window。我们看下打印this的结果：

栗子：

let obj = {
     name: 'xia',
     age: '19',
     say: function () {
        console.log(this)
     }
   }
  obj.say()   //this指向该对象obj

上面的栗子中匿名函数function属于实例对象中的一个方法叫say，当我们调用这个实例对象的say方法时，即obj.say()；obj此时就是调用者，所以this指向调用者obj对象。我们看下打印的结果：

我们同样举个例子：

function Obj() {
    say = function () {
        console.log(this);
        }
    }
    let obj1 = new Obj() //this指向实例对象obj1
    obj1.say()

由构造函数Obj通过new来创建的一个实例对象可以直接调用say方法，此时this就指向这个obj1实例对象。我们看看打印结果：

所以我们可以根据不同的函数调用场景来总结出三种this的指向：

1.调用处于全局作用域的函数下，this指向全局即window对象。

2.当调用对象里面的方法（函数）时，this指向该实例对象

3.当调用构造函数用来生成一个实例对象时（即用new 来创建对象），此时this指向该构造函数的实例对象

关注