js中函数 this的三种指向

最新推荐文章于 2022-10-16 22:10:06 发布
最新推荐文章于 2022-10-16 22:10:06 发布
阅读量1.4k 收藏 6
点赞数 2
分类专栏： JS 文章标签： linq c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57396733/article/details/124505237
版权
本文详细探讨了JavaScript中函数的this关键字，分为普通函数、对象方法和构造函数三种情况讨论其指向。在普通函数中，this指向全局对象window；作为对象方法时，this指向调用该方法的对象；而在构造函数中，this指向新创建的实例对象。通过实例代码验证了这些规则。
摘要由CSDN通过智能技术生成

1.关于this：

this关键字是函数运行时自动生成的一个内部对象，也被称作为环境对象，只能在函数内部使用。谁调用this，this就指向谁。谁调用我,我就指向谁

2.this的三种指向

普通函数； 函数名()                    this指向window

对象方法: 对象名.方法名()          this指向对象

构造函数； new 函数名()            this指向new创建实例对象

3.通过代码分析、验证

（1）普通函数

我们声明一个函数，函数体代码console.log(this)，猜测控制台会得到什么结果呢？

结果为window，说明普通函数中的this指向window。

问题来了，前面我们说到，谁调用this，this就指向谁，但这里我们可以看我们是直接通过函数名()来调用的，那么为什么不指向函数本身呢？

其实函数的调用完整是可以这么写的

window其实是JavaScript中的顶级对象，只不过我们往往省略不写

最低0.47元/天 解锁文章
谁扔的炮仗啊
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
函数this三种指向
weixin_66375317的博客
06-23 533
函数this三种指向
this的三种指向
m0_64352881的博客
04-09 344
<script> /* 1.this环境对象 ： 谁‘调用’我,我就指向谁 （相当于中文‘我’，谁说出这个字，这个字就代表谁） * 重点： 与函数声明无关，取决于函数调用 * (1)普通函数调用: 函数名() -> this指向window * (2)对象方法调用: 对象名.方法名() -> this指向对象 * (3)构造函..
js中函数内 this 指向
weixin_52063946的博客
08-17 200
这些 this 的指向，是当我们调用这个函数的时候确定的，调用的方式不同决定了 this 的指向不同。this 一般指向我们的调用者 调用方式 this指向 普通函数调用 window 定时器函数 window 立即执行函数 window 构造函数调用 实例对象（原型对象里面的方法也指向实例对象） 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象 <script&g...
JS中函数的this指向
weixin_43443341的博客
11-19 911
js中函数的this指向说明普通函数箭头函数应用对比 说明 JS中关于函数的this的指向问题根据不同的情况会指向不同的对象，这里只针对一些简单常用的场景进行说明，并对es6的箭头函数中的this指向进行对比 普通函数 普通函数内部的this对象指向的是在函数执行时绑定的对象，也就是说函数创建的时候是没办法确定这个this到底指向的是谁的 function fn() { console.log(this) // 创建时this没有指向性 } fn() // 执行时才确定this指向，因为是在window
js中的this指向
最新发布
weixin_45775536的博客
10-16 2335
由于箭头函数不绑定this， 它会捕获其所在（即定义的位置）上下文的this值， 作为自己的this值,所以箭头函数的this一经捕获就不再发生变化,1.this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj。箭头函数的this就是继承该普通函数的this；简单来说：箭头函数的this指向，通过定义箭头函数的地方向上寻找，找到第一个嵌套该箭头函数的。没有自己的this,从自己的作用域链的上一层继承this（跟随上一层的this变而变）。
改变函数内 this 指向的三种方法
weixin_52063946的博客
08-17 388
一、call（） // 1、call() var obj = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a + b); } fn.call(obj, 1, 2); // 此时的this指向 obj // call()可以调用函数，也可以改变函
改变javascript函数内部this指针指向的三种方法
10-29
本文将详细阐述如何在JavaScript中改变函数内部的this指向，主要有以下三种方法。 1. 对象方法中的this指向 在JavaScript中，当函数作为对象的一个属性（即方法）被调用时，该函数内的this指向调用它的那个对象。...
JS匿名函数内部this指向问题详析
10-17
// 输出 "window"，因为sayTwo返回的匿名函数在全局作用域中调用，this指向全局对象 ``` 在这个例子中，`sayOne`的`this`指向调用它的`person`对象，而`sayTwo`虽然也在`person`上调用，但其返回的匿名函数在全局...
改变this指向的三种方法
Little_Daisy的博客
03-10 246
首先apply、call、bind中，bind是不会执行原函数的，但apply、call会执行原函数。可以看下底下这个简单的代码，然后执行下就会明白了。 var obj1 = { name:"obj1", getName(){ console.log(this.name) } } var obj2 = { name:"obj2", getName(){ cons...
JS中的函数的this指向
weixin_42943920的博客
12-25 319
this指向不因位置的改变而改变 <script> window.onload = function() { // 函数中的this指向(箭头函数中的指向) // 1 自调用函数（匿名函数）中的this指向：window (function(){console.log('111');})() ;(function(){console.log('222');})() !(function(){console.log('333'
js函数中this的指向
xiaozhen0610的博客
08-22 135
本文是我个人对this指向的一些理解，如有不足之处，还望大家可以批评指正，在此先谢过了！ 首先，我们来回顾一下ES5里函数的几种调用方式： 1⃣️直接调用 foo(); 2⃣️方法调用 obj.foo(); 以上两种调用方法，this的指向可以这样去确定: 函数的调用者就是this的指向！ 例如obj.foo();里.foo()前面obj就是调用者，所以this的指向就是obj，而直接调用的foo()等价于window.foo();这样的话，上面两种调用方法的this指向就显而易见了，1⃣...
JS中的this指向
SuwanH的博客
08-31 1478
一、this关键字： （1）在方法中，this表示该方法所属的对象 （2）若单独使用，this表示全局对象 （3）在函数中，this表示全局变量 （4）在事件中，this表示接受事件的元素 ...
前端开发之彻底搞懂this指向
青梅煮码
05-23 1106
this是JavaScript中的一个关键字，但是有一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧！ 一. 理...
JavaScript函数中的this绑定解析
"本文将深入探讨JavaScript中的函数this的四种绑定形式，通过一个有趣的故事来解释这一核心概念。在JavaScript的世界中，this总是指向调用它的对象。我们将通过线路1介绍默认绑定，即当函数没有明确的调用对象时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值