JavaScript中的this到底指向谁？

最新推荐文章于 2022-08-17 21:41:15 发布
VIP文章 最新推荐文章于 2022-08-17 21:41:15 发布
阅读量753 收藏 2
点赞数
分类专栏： 技术交流 传智播客西安中心
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39581763/article/details/83828414
版权

很多初学JavaScript的小伙伴,都找不准函数或者方法中的this到底指向谁,其实并没有那么复杂,只需要记住一个口诀就能正确找到this的指向:不管函数或者方法是如何声明的,要看这个函数或者方法最终是谁调用的,**谁最终调用这个函数或方法,那么这个函数或方法中的this就是谁**.

 

下面从函数调用方式着手详细给大家介绍一下这个口诀.

 

1. 作为普通函数中的this

示例代码

 

大家都知道写一个全局函数相当于给window对象添加了一个方法,所以第5行调用welcome函数和第6行调用welcome函数本质是一样的,所以welcome函数最终是window对象在调用,所以welcome函数内部的this就指向了window对象.运行结果如下：

 

 

2. 作为对象的方法中的this

示例代码

 

最后1行的sayHi方法是由obj对象点出来调用的,所以sayHi方法中的this指向obj对象.所以输出的是obj对象中的name的值, 结果如下：

最低0.47元/天 解锁文章
渐暖吧
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中this指向详解
10-22
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。
图解javascript this指向什么？
weixin_33982670的博客
10-29 126
　　JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门，但是随着使用的深入，你会发现JavaScript其实很难掌握，有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字，就是一个比较容易混乱的概念，在不同的场景下，this会化身不同的对象。有一种观点认为，只有正确掌握了 JavaScript...
Javascript中的this指向
weixin_41566488的博客
09-21 133
1 全局环境下 在全局环境下，this 始终指向全局对象（window）, 无论是否严格模式 console.log(this.document === document); // true // 在浏览器中，全局对象为 window 对象： console.log(this === window); // true this.a = 37; console.log(window.a); // 37 2 函数上下文中 2.1 函数直接调用 非严格模式下，this 默认指向全局对象window
JavaScript中 关于this的指向
m0_62407740的博客
01-19 398
一、全局中的this， 浏览器环境下，this指向window。 console.log(this);//window 二、普通函数中的this 1.严格模式下，普通函数中的this，是undefined。 'use strict' function foo(){ function bar(){ console.log(this);//undefined } bar(); }
JavaScript中 this 的指向
weixin_30432007的博客
02-28 59
很多人都会被JavaScript中this的指向（也就是函数在调用时的调用上下文）弄晕，这里做一下总结： 首先，顶层的this指向全局对象。 函数中的this按照调用方法的不同，其指向也不同： 1、函数调用中的this指向全局对象 2、方法调用的函数中的this指向调用函数的对象： function AnObject(name){ this.name = name; this.get...
this关键字
xhbd_933的博客
05-15 283
1.涵义this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。前一章已经提到，this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。this.property 上面代码中，this就代表property属性当前所在的对象...
Javascript 中 this指向
最新发布
09-07
Javascript 中 this指向
详解JavaScript中this的指向问题
10-20
本文主要介绍了JavaScript中this的指向问题。具有一定的参考价值，下面跟着小编一起来看下吧
浅谈JavaScript中this的指向问题
10-15
主要介绍了浅谈JavaScript中this的指向问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
浅谈JavaScript中this的指向更改
10-15
主要介绍了浅谈JavaScript中this的指向更改，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
JavaScript中this的指向
qq_60361946的博客
08-17 308
js中的this指向问题一直不是很清楚，看了coderwhy老师的文章后特此记录一下。
JS 中 this 在各个场景下的指向
weixin_30644369的博客
08-13 135
作者：Dmitri Pavlutin 译者：前端小智 来源：dmitripavlutin 为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 1. this 的奥秘 很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。 对Java、PHP或其他标准语言来看，th...
JavaScript中this指向
Hhjian524的博客
10-14 697
JavaScript中this的四大判定： 1.默认绑定this指向window： example： function test (c){ var a = 123; function b(){ } } test(1); 在预编译的过程当中 AO{ c:1 a:undefoned argum...
JavaScript中的this指向
qq_38793572的博客
03-20 132
什么是this this是JavaScript中定义的一个关键字，是指向调用该this的对象的。 this本身也是一个对象，可以在函数执行时保存该函数里相关的值；其存在的目的是利用this指向的不同可在不同的对象环境中执行这个函数，达到复用的效果。 this是在函数执行时浏览器自动为函数定义的一个对象，在默认情况下指代的是window。在严格模式下，this指向的是null。 不同情况下的this...
JS中的this指向
a754334599的博客
02-23 133
this指向： 与我们常见的很多语言不同，JavaScript 函数中的this指向并不是在函数定义的时候确定的，而是在调用的时候确定的。换句话说，函数的调用方式决定了this指向。 JavaScript 中，普通的函数调用方式有三种：直接调用、方法调用和new调用。除此之外，还有一些特殊的调用方式，比如通过bind()将函数绑定到对象之后再进行调用、通过call()、apply()进行调用等。而 es6 引入了箭头函数之后，箭头函数调用时， 其this指向又有所不同。下面就...
Javascript中this的指向
weixin_30596165的博客
09-02 61
传入的参数是被new过的构造函数，那么this就是指向实例化的对象本身； 传入的参数是函数的别名，那么函数的this就是指向window； 如果我们想把被传入的函数对象里this的指针指向外部字面量定义的对象，那么我们就是用apply和call 1 var name = "I am window"; 2 var obj = { 3 name:"sharpxia...
JS中this的指向（哪个对象调用函数，函数里面的this指向哪个对象。）
qq_38969618的博客
10-15 1081
确定函数中this的指向：不要看函数定义代码，只看函数调用代码！this只指向对象，哪个对象调用了函数，该函数里面的this就指向谁！如果一个函数明确的调用者，则this就默认指向window对象！ 备注： ES6的箭头函数很特殊，箭头函数没有this，箭头函数里面的this继承外面的环境！即箭头函数外面环境的this指向谁，箭头函数的this就指向谁。 ...
javascript中this的指向
03-16
JavaScript中的this指向当前执行上下文中的对象。具体来说，它取决于函数的调用方式。如果函数是作为对象的方法调用的，this将指向该对象。如果函数是作为全局函数调用的，this将指向全局对象（在浏览器中是window...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值