JavaScript 函数内部的this指向

最新推荐文章于 2022-05-13 14:58:34 发布
最新推荐文章于 2022-05-13 14:58:34 发布
阅读量125 收藏
点赞数
分类专栏： 前端基础 JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jack_lzx/article/details/109435055
版权

这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。

调用方式this指向
普通函数调用window
构造函数调用实例对象，原型对象里的方法也指向实例对象
对象方法调用该方法所属对象
事件绑定方法绑定事件的对象
定时器函数window
立即执行函数window
火星飞鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
函数内部this的指向
原地起飞
12-29 809
还不明白 this 的指向问题的，看完这篇文章就会了！！ 一、函数内部的 this 指向 二、改变函数内部 this 指向 1. call 方法 2. apply方法 3. bind方法 4. call、apply、bind 三者的异同 一、函数内部的 this 指向 这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同。 一般指向我们的调用者。 二、改变函数内部 this 指向 1. call 方法 call()方法调..
JavaScript 嵌套函数指向this对象错误的解决方法
10-29
在全局环境中，`this`通常指向全局对象（在浏览器中是`window`），而在函数内部，`this`的指向取决于函数被调用的方式。然而，当涉及到嵌套函数时，这个问题变得更加复杂，因为嵌套函数并不继承外部函数的`this`值，...
JS中不同函数内部this的指向和改变this指向的方法
Haloyk_的博客
06-17 385
本文章记录的是JS中不同函数内部的this的指向问题以及几种改变this指向的方法，希望可以帮助到大家。
js 【详解】函数中的 this 指向
朝阳39的博客
02-23 4637
执行时谁在调用函数，就指向谁
JS高级-函数this三种指向,函数上下文调用,闭包,递归 深浅拷贝
weixin_68531033的博客
05-02 2173
01函数this的三种指向 01函数this的三种指向 1.环境对象 this : 谁调用我，this指向谁 this相当于中文中的'我' 2.this指向取决于函数的调用，函数调用有三种方式 普通函数； 函数名() this-window 对象方法: 对象名.方法名 this-对象 构造函数； new 函数名() this-new创建的实例对象 ......
JS中的this指向
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
Js 函数内部的this指向 即 改变函数内部 this 指向的三种方法
qq_39275718的博客
11-24 764
函数内部的this指向 这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同一般指向我们的调用者. 改变函数内部 this 指向 改变 this 指向总共有三种方法： call、apply、 bind call方法: call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向 应用场景：经常做继承。 var o = { name: 'andy' } function fn(a, b) { console.log(
改变javascript函数内部this指针指向的三种方法
10-29
本文将详细阐述如何在JavaScript中改变函数内部的this指向，主要有以下三种方法。 1. 对象方法中的this指向 在JavaScript中，当函数作为对象的一个属性（即方法）被调用时，该函数内的this指向调用它的那个对象。...
JS匿名函数内部this指向问题详析
10-17
// 输出 "window"，因为sayTwo返回的匿名函数在全局作用域中调用，this指向全局对象 ``` 在这个例子中，`sayOne`的`this`指向调用它的`person`对象，而`sayTwo`虽然也在`person`上调用，但其返回的匿名函数在全局...
深入理解JS函数中this指针的指向
weixin_30722589的博客
08-16 228
函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。 怎么理解指向呢，我认为指向就是等于。例如直接在js中输入下面的等式： console.log(this===window);//true 情况不同，this指向的对象也不同。例如： 1. 函数声明的情况 var bj=10; function add(){ ...
JS中函数的this指向
weixin_43443341的博客
11-19 887
js中函数的this指向说明普通函数箭头函数应用对比 说明 JS中关于函数的this的指向问题根据不同的情况会指向不同的对象，这里只针对一些简单常用的场景进行说明，并对es6的箭头函数中的this指向进行对比 普通函数 普通函数内部的this对象指向的是在函数执行时绑定的对象，也就是说函数创建的时候是没办法确定这个this到底指向的是谁的 function fn() { console.log(this) // 创建时this没有指向性 } fn() // 执行时才确定this指向，因为是在window
JS this指向总结
weixin_37722222的博客
08-13 3万+
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。 下面分几种情况谈论下 1、普通函数调用 这个情况没特殊意外，就是指向全局对象-window。 let username='cn' function fn(){ alert(this.us...
js函数中this的指向
qq_44388775的博客
10-21 1988
js函数中this的指向 函数在执行时内部会默认创建一个对象叫this，以不同的方式调用函数，内部的this指向是不一样的，this的指向在函数定义的时候是不能确定的，只有调用执行了函数以后才能确定this到底指向谁。谁直接调用了产生this的函数，this就指向谁。 函数的调用方式大概有6种，所以this的指向也可以大致按照这6种来区分。 函数名+小括号直接调用函数，this指向全局对象window。 因为以函数名加小括号的方式调用函数时相当于是window通过.调用了该函数，所以此时this指向win
JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法
走在前端
10-25 1万+
1、常见回调函数内部的this指向问题 我们先看下面这段代码：var o = { age : 12, say : function() { function callback() { return this.age; } func(callback); } };function func(callbac
【JavaScript】函数内的this指向谁
Large_beaR的博客
02-09 4073
首先声明，this并不需要’查找’这一个过程，this是在函数调用的时候就确定的。function foo(){}分别就函数的4中调用形式如何确定函数内的this. 1.Function Invocation Pattern 诸如’foo()’这样直接调用的形式，这种模式下，foo函数体中的this永远为Global对象，在浏览器中就是Window对象。2.Method Invocation P
js函数内部的this指向
caipital的博客
09-06 3854
在不使用箭头函数和call、apply、bind的情况下，这些this的指向，当我们调用函数的时候是确定的。调用函数的不同决定了this指向的不同。 调用方式 this指向 普通函数 严格模式下是undefined，正常模式是Window 表达式函数 严格模式下是undefined，正常模式是Window 构造函数 实例对象 对象方法调用 该方法所属的对象 事件绑定方法 当前事件所绑定的对象 定时器函数 Window 立即执行函数（自调用函数） 严格模式下是undef
js改变函数this指向情况总结
weixin_44367415的博客
04-18 467
js改变函数this指向情况总结 1.call方法 (1)借用构造函数 (2)借用其他对象中的方法 var obj = { 0: 100, 1: 200, 2: 300, 3: 400, length: 4 } // obj.push(500); // 报错 对象中不存在这个方法 // 借用数组的 Array.prototype.push.call(obj,500); console.l...
彻底理解js中this的指向
weixin_30613343的博客
02-23 888
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。 　　为什么...
JavaScript中改变函数内部 this 指向
weixin_46004438的博客
06-20 340
this的指向 函数内部的this指向 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同，一般指向调用者. 改变函数内部 this 指向 call方法 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向 应用场景: 经常做继承. var o = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a+b) }; fn(1,2)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

火星飞鸟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值