JavaScript:)this指向

最新推荐文章于 2024-01-06 14:54:02 发布
最新推荐文章于 2024-01-06 14:54:02 发布
阅读量89 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52033991/article/details/120155723
版权

this

  • 每一个函数内部都有一个关键字this
  • 函数内部的this只和函数的调用方式有关系，和函数的定义方式没关系
  • 函数内部的this指向谁，取决于函数的调用方式
    全局定义的函数调用this=>window
    定时器的处理函数，this=>window
    事件处理函数，this=>事件源
    自调用函数，this=>window

忽略函数本身的this指向，转而指向其他

call

  • call方法是附加在函数调用后面使用，忽略本身this指向
  • 语法:函数名.call(要改变的this指向，要给函数传递的参数1，2,…)
  • 立即执行函数

apply

  • 语法:函数名.apply(要改变的this指向，[要给函数传递的参数1，2，…])
  • 使用apply时，会立即执行函数

bind

  • 不会立即执行函数，而是返回一个已经改变了this指向的函数
  • 语法:var newFunction=函数名.bind(要改变的this指向);newFunction(传递函数)
别急 在写bug
关注
专栏目录
JavaScript：this指向问题、同步和异步、 JS执行机制、location对象
MDR_0820的博客
10-25 1141
this this 的指向在函数定义的时候 是确定不了的 只有函数执行的时候才能确定this指向谁 一般情况下 this 的最终指向的是那个调用它的对象 .全部作用域或者普通作用函数中 this指向全局对象window （定时器里面的 this指向window） 方法调用中 谁调用this指向谁 构造函数this指向构造函数 <body> <button> 按钮</button> <script> // this 指向问题
Javascript中this指向问题
Celester_best的博客
03-14 1820
普通函数时，this指向window <script> function test() { console.log('=== test this: ', this) } test() const test1 = function () { console.log('===test1 this: ', this) } test1() &
JavaScript：this指向问题
胡图图的博客
03-30 1290
1. 全局作用域或普通函数中 this指向全局对象window 2. 方法（对象所有函数） 谁调用，this就指向谁。 3. 构造函数 this指向构造函数的实例对象 4. 箭头函数 当声明一个普通函数时，会定义一个this对象，指向当前函数所属运行环境。 箭头函数没有this，所以在箭头函数中使用this时，会向外找，直到找到为止。 仅个人理解，有误的地方还请大家指出。 示例一： var o = { say(){ console.log(this); }, eat: (
JavaScript基础：this 指向问题
imagine_tion的博客
03-05 1090
一、常见错误理解 this是指向自身吗？ 特别是在函数中使用 this 的时候，this 是指的所在的这个函数对象吗？看下面示例： function test() { console.log(this.name) } test.name='aaaa' test() // '' 输出的是空字符串，因为此时 this 指向的是 window ，所以 this 并不是指向自身 this指向函数的作用域吗？ function test() { var name = 'bbbbb' conso.
彻底理解JavaScript中this指向
猫老板的豆
11-09 1398
如果要判断一个运行中函数的 this 绑定， 就需要找到这个函数的直接调用位置。找到之后new 调用：绑定到新创建的对象，注意：显示return函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。call、apply、bind调用：严格模式下，绑定到指定的第一个参数。非严格模式下，null和undefined，指向全局对象（浏览器中是window），其余值指向被new Object()包装的对象。对象上的函数调用：绑定到那个对象。普通函数调用。
JavaScript中this指向问题
m0_72752380的博客
10-28 1080
箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，
JavaScript中this的指向
friend_ship的博客
12-30 778
this的指向大致可以分为以下4种： 作为对象的方法调用。 作为普通函数调用。 构造器调用。 Function.prototype.call 或 Function.prototype.apply调用。
关于JavaScript中this指向的详解
weixin_45939221的博客
11-23 2145
关于JavaScript中的this指向以及改变this的三种方法
JavaScript：处理this
盒马的博客
01-06 980
讲解JavaScript中的this，并介绍多种方法来主动修改this
a标签中在href中写javascript this指向window
lianzhang861的博客
01-21 2506
小小记录一下发现的问题 a标签中在href中写javascript this指向window &lt;a href="javascript:test(this);"&gt;跳转&lt;/a&gt; &lt;script type="text/javascript"&gt; function test(self){ console.log(self) } &lt;/script&gt;...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的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指向总结
12-09
4. 使用`call()`, `apply()`, `bind()`改变`this`指向： 这三个函数可以显式地改变函数调用时的`this`值。`call()`和`apply()`立即执行函数，同时允许传入`this`的值以及参数，而`bind()`则返回一个新的函数，这个...
详解JavaScript的this指向和绑定
10-14
// 输出: Foo实例，this指向bar ``` 在`new`操作中，会创建一个新的对象并将其原型链(`__proto__`)设置为构造函数的`prototype`，然后将新对象赋值给`this`，最后执行构造函数的代码。 2. **隐式绑定**： 当...
report ETL .ffff
09-17
report ETL .ffff
基于ssm的共享充电宝管理系统设计与实现.docx
09-17
基于ssm的共享充电宝管理系统设计与实现.docx
操作系统大作业_Linux_命令行_OSWork.zip
最新发布
09-17
操作系统大作业_Linux_命令行_OSWork
Java项目-基于SSM+Jsp的社区管理与服务系统的设计与实现（源码+数据库脚本+部署视频+代码讲解视频+全套软件）
09-17
【基于SSM+Jsp的社区管理与服务系统的设计与实现】高分通过项目，已获导师指导。 本项目是一套基于SSM+Jsp的社区管理与服务系统，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含：项目源码、数据库脚本、开发说明文档、部署视频、代码讲解视频、全套软件等，该项目可以直接作为毕设使用。 项目都经过严格调试，确保可以运行！
吉他谱_Show Me How To Live - Audioslave.pdf
09-17
初级入门吉他谱 guitar tab
JavaScript面试题：this指向性问题详解
"该文档包含了前端面试中关于JavaScript问题的答案，特别是关于this指向性的总结，包括不同场景下this的绑定规则及其变化。" 在JavaScript中，`this`关键字的指向是一个常见的面试题，因为它涉及到函数调用的上下文...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值