函数的三种this指向

已于 2022-05-02 09:31:25 修改
阅读量120 收藏
点赞数 1
文章标签： javascript
于 2022-04-25 00:59:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Maybe__row/article/details/124395548
版权
本文详细介绍了JavaScript中函数的this指向问题，包括普通函数、对象方法和构造函数中的不同情况。在普通函数中，this通常指向全局对象window；在对象方法中，this指向调用该方法的对象；而在构造函数中，this则指向新创建的实例对象。理解this的指向对于深入JavaScript编程至关重要。
摘要由CSDN通过智能技术生成

函数this三种指向:

1. 普通函数: 格式: 函数名() this指向window

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

3. 构造函数: 格式: new 函数名() this指向new创建的实例对象

简单理解就是没有点没有new的this指向的就是window,有new指向就是实例对象,有点就是左边的对象!

Maybe__fly
关注
函数this三种指向
weixin_66375317的博客
06-23 560
函数this三种指向
箭头函数及其this的指向
qq_53841687的博客
07-13 3869
目录一、箭头函数1、 基础语法 2、箭头函数简写 二、箭头函数的 this1、全局函数下的 this2、对象方法里面的 this3、构造函数的this4、 call()、apply()、bind()调用时的 thisES6中引入了箭头函数。箭头函数允许我们编写更短的函数。 语法：() =>{} // ():函数 =>:必须的语法，指向代码块 {}:代码块 2、箭头函数简写 代码块只有一句话，省略 { } 和 return只有一个参数时，小括号 ( ) 可省略 普通函数 this 跟调用者有关 箭头
函数中的this
imkaifan的博客
05-14 106
this引用的是函数执行的环境对象 调用函数之前，this的值并不确定，因此this可能会在代码执行过程中引用不同的对象 函数的名字仅仅是一个包含指针的变量而已。因此，即使是在不同的环境中执行，全局的sayColor()函数与o.sayColor()指向的仍然是同一个函数。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv
各种情况的 this指向 解析
web_ding的博客
07-08 750
全局环境下 在全局环境下，this 始终指向全局对象（window）, 无论是否严格模式 console.log(this.document === document); // true // 在浏览器中，全局对象为 window 对象： console.log(this === window); // true this.a = 37; console.log(window.a); // 37 函数上下文调用 函数直接调用 普通函数内部的this分两种情况，严格模式和非严格模式。 非严
函数的this 属性
m0_68235594的博客
07-03 301
this的使用
函数的this 指向
weixin_68983685的博客
04-19 190
this /* 1.this ： 环境对象 谁调用我，我就指向谁 上下文环境：函数作用域 this 类似中文‘我’ ，谁说出这个字，这个字就代表是谁 2. js 中函数有三种调用方法，this的三种指向 （1）. 普通函数 ：函数名（） this—— window （2）.构造函数 ： new 函数名（） this —— new 创建的实例对象
改变javascript函数内部this指针指向的三种方法
10-29
本文将详细阐述如何在JavaScript中改变函数内部的this指向，主要有以下三种方法。 1. 对象方法中的this指向 在JavaScript中，当函数作为对象的一个属性（即方法）被调用时，该函数内的this指向调用它的那个对象。...
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法 在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...
函数四种调用模式以及其中的this指向
08-31
本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...
函数中的this指向
caicailanzi的博客
12-26 537
函数中的this指向
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
CSON_Fuck的博客
04-23 1399
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
函数的3种定义方式和6种调用,this指向,(call,apply,bind)方法及其区别
清风的博客
09-24 636
函数的3种定义方式和6种调用,this指向,(call,apply,bind)方法及其区别 1.函数的定义方式 1.方式一函数声明方式function关键字(命名函数) function fn(){ } 2.方式2 函数表达式(匿名函数) var fn = function(){} 3.方式3 new Function() var fn = new Function('参数一', '参数二',.....
想要了解this的指向吗?简单聊聊函数内this的六种指向
Illidan_Stomrage的博客
06-02 844
初入前端的小伙伴肯定对this的指向还不太了解或者比较模糊 所以给大家介绍一下关于:函数内部的六种this指向问题 1.在普通函数内this指向的是------window 2.在构造函数内this指向的是------实例对象 3.在函数内的对象this指的是------该方法的调用者 4.在事件绑定函数中this是指------绑定该事件的对象(元素) 5.在定时器中this它指向的是------window 6.在立即执行函数中this是指------window // 1.普通函数 .
【JavaScript】函数内的this指向谁
Large_beaR的博客
02-09 4086
首先声明，this并不需要’查找’这一个过程，this是在函数调用的时候就确定的。function foo(){}分别就函数的4中调用形式如何确定函数内的this. 1.Function Invocation Pattern 诸如’foo()’这样直接调用的形式，这种模式下，foo函数体中的this永远为Global对象，在浏览器中就是Window对象。2.Method Invocation P
js中的this
weixin_34150503的博客
09-01 1044
js中的this(第六周) this是很多编程语言中的关键字，在JavaScript中一般这样理解this：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 this指向的情况，取决于函数调用的方式有哪些： 通过函数名()直接调用的：this指向window 通过对象.函数名()调用的：this指向这个对...
函数中的this的四种绑定形式
熊宗的博客
11-09 6955
正文 javascript中的this和函数息息相关，所以今天，我就给大家详细地讲述一番：javascript函数中的this 一谈到this，很多让人晕晕乎乎的抽象概念就跑出来了，这里我就只说最核心的一点——函数中的this总指向调用它的对象，接下来的故事都将围绕这一点展开 （提醒前排的筒子们准备好茶水和西瓜，我要开始讲故事啦！！） 【故事】有一个年轻人叫”迪斯”（thi
JS高级-函数this三种指向,函数上下文调用,闭包,递归 深浅拷贝
weixin_68531033的博客
05-02 2327
01函数this的三种指向 01函数this的三种指向 1.环境对象 this : 谁调用我，this指向谁 this相当于中文中的'我' 2.this指向取决于函数的调用，函数调用有三种方式 普通函数； 函数名() this-window 对象方法: 对象名.方法名 this-对象 构造函数； new 函数名() this-new创建的实例对象 ......
JQ onclick="函数名(this)"
qq_38966984的博客
11-29 2203
&lt;div onclick="fun(this)" formid="99"&gt;&lt;/div&gt; &lt;script&gt; function fun(dat){ 1.获取div里面的东西 $(dat).find(....或$(dat).children(.... 2.获取自定义formid的属性 $(dat).attr...
js函数中的this指向
最新发布
09-15
在JavaScript函数中，this关键字表示当前...3. 如果使用箭头函数，箭头函数的this指向在创建时就已经确定了，永远指向箭头函数外层的this。 总结来说，在JavaScript函数中，this的指向取决于函数的调用方式和上下文。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值