this的指向有哪几种? 您所在的位置:网站首页 发射时弹体瘪了是哪几种情况 this的指向有哪几种?

this的指向有哪几种?

2024-07-16 15:35| 来源: 网络整理| 查看: 265

函数内 this 的指向【非常重要】 函数的调用有六种形式。

根据函数的调用方式的不同,this 会指向不同的对象:

1.以函数的形式(包括普通函数、定时器函数、立即执行函数)调用时,this 的指向永远都是 window。比如fun();相当于window.fun();

2.以方法的形式调用时,this 指向调用方法的那个对象

3.以构造函数的形式调用时,this 指向实例对象

4.以事件绑定函数的形式调用时,this 指向绑定事件的对象

5.使用 call 和 apply 调用时,this 指向指定的那个对象 针对第 1 条的举例:

function fun() { console.log(this); console.log(this.name); } var obj1 = { name: 'smyh', sayName: fun, }; var obj2 = { name: 'vae', sayName: fun, }; var name = '全局的name属性'; //以函数形式调用,this是window fun(); //可以理解成 window.fun()

打印结果:

Window 全局的name属性

上面的举例可以看出,this 指向的是 window 对象,所以 this.name 指的是全局的 name。

第 2 条的举例:

function fun() { console.log(this); console.log(this.name); } var obj1 = { name: 'smyh', sayName: fun, }; var obj2 = { name: 'vae', sayName: fun, }; var name = '全局的name属性'; //以方法的形式调用,this是调用方法的对象 obj2.sayName();

打印结果:

Object vae

上面的举例可以看出,this 指向的是 对象 obj2 ,所以 this.name 指的是 obj2.name。

箭头函数中 this 的指向 ES6 中的箭头函数并不会使用上面的准则,而是会继承外层函数调用的 this 绑定(无论 this 绑定到什么)。

改变函数内部的 this 指向 JS 专门为我们提供了一些方法来改变函数内部的 this 指向。详见下一篇文章中的 call()、apply()、bind() 方法。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有