JavaScript 函数内部的this指向

最新推荐文章于 2024-10-02 23:06:10 发布

火星飞鸟

最新推荐文章于 2024-10-02 23:06:10 发布

阅读量157

点赞数

分类专栏：前端基础 JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Jack_lzx/article/details/109435055

版权

前端基础同时被 2 个专栏收录

111 篇文章

订阅专栏

JavaScript

88 篇文章

订阅专栏

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

调用方式	`this`指向
普通函数调用	window
构造函数调用	实例对象，原型对象里的方法也指向实例对象
对象方法调用	该方法所属对象
事件绑定方法	绑定事件的对象
定时器函数	window
立即执行函数	window

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

火星飞鸟

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

JavaScript函数中this的指向

weixin_44715186的博客

01-29

819

this指向问题

JS匿名函数内部this指向问题详析

10-17

// 输出 "window"，因为sayTwo返回的匿名函数在全局作用域中调用，this指向全局对象 ``` 在这个例子中，`sayOne`的`this`指向调用它的`person`对象，而`sayTwo`虽然也在`person`上调用，但其返回的匿名函数在全局...

参与评论您还未登录，请先登录后发表或查看评论

js 【详解】函数中的 this 指向

朝阳39的博客

02-23

5297

执行时谁在调用函数，就指向谁

JS中不同函数内部this的指向和改变this指向的方法

Haloyk_的博客

06-17

437

本文章记录的是JS中不同函数内部的this的指向问题以及几种改变this指向的方法，希望可以帮助到大家。

JS高级-函数this三种指向,函数上下文调用,闭包,递归深浅拷贝

weixin_68531033的博客

05-02

2499

01函数this的三种指向 01函数this的三种指向 1.环境对象 this : 谁调用我，this指向谁 this相当于中文中的'我' 2.this指向取决于函数的调用，函数调用有三种方式普通函数；函数名() this-window 对象方法: 对象名.方法名 this-对象构造函数； new 函数名() this-new创建的实例对象 ......

深入理解 JavaScript 中的 this 指向

热门推荐

m0_55990909的博客

05-13

4万+

this的概念：在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。箭头函数：箭头函数的this指向于函数作用域所用的对象。一、全局环境下的this指向在全局作用域下，this始终指向全局对象window，无论是否是严格

改变javascript函数内部this指针指向的三种方法

10-29

本文将详细阐述如何在JavaScript中改变函数内部的this指向，主要有以下三种方法。 1. 对象方法中的this指向在JavaScript中，当函数作为对象的一个属性（即方法）被调用时，该函数内的this指向调用它的那个对象。...

JavaScript 嵌套函数指向this对象错误的解决方法

10-29

在全局环境中，`this`通常指向全局对象（在浏览器中是`window`），而在函数内部，`this`的指向取决于函数被调用的方式。然而，当涉及到嵌套函数时，这个问题变得更加复杂，因为嵌套函数并不继承外部函数的`this`值，...

深入理解JS函数中this指针的指向

weixin_30722589的博客

08-16

259

函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。怎么理解指向呢，我认为指向就是等于。例如直接在js中输入下面的等式： console.log(this===window);//true 情况不同，this指向的对象也不同。例如： 1. 函数声明的情况 var bj=10; function add(){ ...

Js 函数内部的this指向即改变函数内部 this 指向的三种方法

qq_39275718的博客

11-24

797

函数内部的this指向这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同一般指向我们的调用者. 改变函数内部 this 指向改变 this 指向总共有三种方法： call、apply、 bind call方法: call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景：经常做继承。 var o = { name: 'andy' } function fn(a, b) { console.log(

JS中函数的this指向

weixin_43443341的博客

11-19

969

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

2052

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

4105

首先声明，this并不需要’查找’这一个过程，this是在函数调用的时候就确定的。function foo(){}分别就函数的4中调用形式如何确定函数内的this. 1.Function Invocation Pattern 诸如’foo()’这样直接调用的形式，这种模式下，foo函数体中的this永远为Global对象，在浏览器中就是Window对象。2.Method Invocation P

js函数内部的this指向

caipital的博客

09-06

4061

在不使用箭头函数和call、apply、bind的情况下，这些this的指向，当我们调用函数的时候是确定的。调用函数的不同决定了this指向的不同。调用方式 this指向普通函数严格模式下是undefined，正常模式是Window 表达式函数严格模式下是undefined，正常模式是Window 构造函数实例对象对象方法调用该方法所属的对象事件绑定方法当前事件所绑定的对象定时器函数 Window 立即执行函数（自调用函数）严格模式下是undef

js改变函数this指向情况总结

weixin_44367415的博客

04-18

498

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

927

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。　　为什么...