javascript中的this到底指向的是谁？

最新推荐文章于 2021-12-30 21:50:14 发布
最新推荐文章于 2021-12-30 21:50:14 发布
阅读量149 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28349987/article/details/79884282
版权
javascript中绕不过的坎--this

首先我们要知道this这个关键字是什么，this代表函数运行时生成的一个内部对象。

this这个让人头疼的关键字到底指向的是谁？

答案是：this始终指向的是调用执行这个函数的对象。

答案是：this始终指向的是调用执行这个函数的对象。

答案是：this始终指向的是调用执行这个函数的对象。


而调用函数的场景分为：

1.全局调用 

2.作为对象的方法调用

3.作为构造函数调用

4.apply调用


分别指向window , obj实例 , obj实例，apply目标对象


ES6中箭头函数"()=>"中的this指的是定义它时所处的对象(宿主对象),而不是执行时的对象

努力的学渣
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何理解this的指向问题
foolishbig的博客
02-26 227
Javascript是一门基于对象的动态语言，所有东西都是对象，函数也是对象，this是实现面向对象的一个重要组成部分。this函数调用相关联的对象，也称函数上下文。 this对象，js的函数调用两种方式，函数直接调用，通过new方式来调用。 function angel(name, color) { this.name = name this.colo...
JS中this指向
m0_46978034的博客
12-19 91
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this 的最终指向的是那个调用它的对象 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 方法调用中谁调用this指向谁 构造函数中this指向构造函数的实例 代码演示： <body> <button>按钮</button> <script> // 1. 全局作用域或者普通
JS 中 this 在各个场景下的指向
weixin_30644369的博客
08-13 138
作者：Dmitri Pavlutin 译者：前端小智 来源：dmitripavlutin 为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 1. this 的奥秘 很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。 对Java、PHP或其他标准语言来看，th...
js中的this指向理解谁调用指向谁
dlf_123456的博客
09-16 517
根据函数的调用方式不同，this会指向不同的对象 1、以函数的形式调用时，this永远都是window 2、以方法的形式调用时，this就是调用方法的那个对象 function fun() { console.log(this.name); } var obj1 = { name:'孙悟空', sayName:fun, } var obj2 = { name:'猪八戒', sayName:fun, } var name = 'name属性' obj1.sayName() // 孙悟空
this java基础 this到底指的是谁？？
weixin_30326515的博客
08-19 228
　　　　　　　　Java基础---this关键字 　　　之前再网上看过很多博客，各种对this关键字的解释，但是说的很模糊，看完跟看书差不多，还是不懂，直到看到大神的博客--（孤傲苍狼），豁然醒悟。this原来是这样用的，以防忘记，特写写此博客铭记与分享。写的不足之处欢...
Javascript 中 this指向
最新发布
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
javascript中this指向详解
10-22
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。
我所理解的JavaScript中的this指向
10-14
总结来说，JavaScript中的`this`指向取决于以下因素： 1. 函数直接调用时，非严格模式下指向全局对象，严格模式下为`undefined`。 2. 作为对象方法调用时，`this`指向调用该方法的对象。 3. 使用`new`关键字时，`...
浅谈JavaScript中this的指向更改
10-15
总的来说，理解并熟练运用`call`、`apply`和`bind`来更改`this`的指向是JavaScript开发中的重要技能。这些方法对于创建可复用的函数、实现面向对象编程以及处理事件处理程序等复杂情况都极其关键。掌握它们的用法...
详解JavaScript中this的指向问题
10-20
本文主要介绍了JavaScript中this的指向问题。具有一定的参考价值，下面跟着小编一起来看下吧
js面试题：this到底指向谁
weixin_43732485的博客
12-17 1018
this指向问题 在函数体中，简单调用该函数时（非显式/隐式绑定下），严格模式下this绑定到undefined，否则绑定到全局对象window/global； 一般构造函数new调用，绑定到新创建的对象上； 一般由上下文对象调用，绑定在该对象上； 箭头函数中，根据外层上下文绑定的this决定指向 实战例题分析 例题组合1:全局环境下的this 函数在浏览器全局环境中
this指向问题
otatoz
07-17 193
谁调用它，this 就指向谁。 但是有时候这样的判断并不准确，可以按照如下规则进行判断。 全局环境中的this 浏览器环境：无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this 都指向全局对象 window node 环境：无论是否在严格模式下，在全局执行环境中（在任何函数体外部），this 都是空对象 {} 是否是new绑定 如果是 new 绑定并且 构造函数返回值...
This指向问题
chao_yang07的博客
08-29 473
This指向问题 本文代码尽可能在浏览器环境下运行 面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 举个例子： function fn(){ console.log(this.x) } var obj = { x:1, f:fn } var x = 2 obj.f() fn() 思考一下，上面的例子 obj.f() 和 fn() 会输出什么 答案是 1 2 在我们预想中，两次调用同一
JavaScript中的this到底指向谁？
qq_39581763的博客
11-07 759
很多初学JavaScript的小伙伴,都找不准函数或者方法中的this到底指向谁,其实并没有那么复杂,只需要记住一个口诀就能正确找到this的指向:不管函数或者方法是如何声明的,要看这个函数或者方法最终是谁调用的,**谁最终调用这个函数或方法,那么这个函数或方法中的this就是谁**.   下面从函数调用方式着手详细给大家介绍一下这个口诀.   1. 作为普通函数中的this 示例代码 ...
this 访问
leelong80的专栏
12-29 419
C# 3.0 this 访问this-access 由保留字 this 组成。this-access:thisthis-access 只能在实例构造函数、实例方法或实例访问器的 block 中使用。它具有下列含义之一： ·         当 this 在类的实例构造函数内的 primary-expression 中使用时，它属于值类别。此时，该值的类型是使用 this 的
javaScript 中的 this 指向谁
马木木的个人博客
04-02 146
灌入javaScript 中的 this 指向谁，最重要的一条即可 ”它始终指向调用它的对象“ ，所以找到调用this的对象，就知道this到底指向谁了函数上下文（this是Javascript语言的一个关键字,this访问，是一个object或者undefined,作为隐式参数被传递）共四种情况：作为函数被调用作为方法被调用作为构造函数被调用通过apply或call方法被调用1）作为函数被调用 ...
关于Javascript中this的指向以及一些应用
fitzz的博客
08-01 345
关于Javascript中this的指向以及一些应用 本文中大部分观点来自 彻底理解js中this的指向，不必硬背 非常感谢作者 1. 关于this最重要的几个结论 情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，但是我们这里不探讨严格版的问题，你想了解可以自行上网查找。
call 和apply 的区别及其、函数中this 的指向
word_321的博客
03-17 172
window.color = 'red' var a = { color: 'blue' } function colorLog () { console.log(this.color); console.log(arg); } colorLog() // red colorLog.call(window); // red colorLog...
JS中的 this指向
baibaibaiqi的博客
12-30 1166
一、this是什么？ 所有函数内部都有一个变量this，它的值是调用函数的当前对象 二、如何确定this的值？ 1、默认绑定 默认情况下，this会被绑定到全局对象上，比如在浏览器环境中就为window对象，在node.js环境下为global对象。 test() //window 2、隐式绑定 谁调用，this指向谁。 p.test() //p 3、显式绑定 又叫做硬绑定 上下文调用模式，想让this指向谁，this就指向谁。 硬绑定 => call ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值