JavaScript函数中this指向问题

已于 2022-04-12 23:59:26 修改
阅读量930 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2022-04-09 15:47:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jco657/article/details/124061970
版权

        JavaScript中，函数中的this一般是指向window的，但是有时候在调用时会变成undefined，为了解决这个问题，一般在函数体内首先（第一句代码）把this赋值给self，然后用self。

var self = this;

jco657
关注
专栏目录
JavaScript中this的指向问题
fujiaxu666的博客
11-02 455
JavaScript中this的指向问题 参考资料： JavaScript 的 this 原理 - 阮一峰的网络日志 (ruanyifeng.com) Javascript 的 this 用法 - 阮一峰的网络日志 (ruanyifeng.com) JS中的this指向问题(详细版)_LoveyL0201的博客-CSDN博客 《你不知道的JavaScript》-上，推荐读这本书 本文记录了JavaScript中this指向问题的学习心得，为以后的复习做准备。 讨论this的时候要注意是否在严格模式下。下
js中window调用函数时，this的指向问题
qq_40548854的博客
08-11 622
正文 首先，在js中，this的指向都是函数调用时才能确定，这点时我们都必须清楚的，下面就是我对于window.a();//a();的分析。 例： function a(){ var user = "hello"; //注：this一定是在函数执行的时候才能确定指向谁，我下面的注释都是建立在已经调用了a();的基础上进行分析的 //该函数没有指定一个对象调用，则可以看作是 window.a(); 此时this肯定指的是window console
JS：函数中this的指向问题
weixin_46682277的博客
02-28 110
解析器在调用函数每次都会向函数内部传递进一个隐含的参数。 这个隐含的参数就是this，this指向的是一个对象。 这个对象我们称为函数执行的上下文对象，根据函数的调用方式不同，this会指向不同的对象。 以函数的形式调用时，this永远都是window。fn() 以方法的形式调用时，this就是调用方法的那个对象。obj.sayName() // 举例1： function fn(){ console.log(this); } fn(); // 输出window 此时的this指向的对象就是windo
彻底理解this
HZ___ZH的博客
11-18 141
1.什么是 this JS中的this代表的是当前行为执行的主体 this实际上是在函数被调用时发生的绑定，它指向什么完全取决于函数在哪里被调用。 2.this的五大类 （1） 函数执行时首先看函数名前面是否有"."，有的话，"."前面是谁,this就是谁；没有的话this就是window function fn(){ console.log(this); } var obj={fn:fn}; fn();//this->window obj.fn();//this->obj functi
js 【详解】函数中的 this 指向
朝阳39的博客
02-23 4864
执行时谁在调用函数，就指向谁
改变javascript函数内部this指针指向的三种方法
10-29
本文将详细阐述如何在JavaScript中改变函数内部的this指向，主要有以下三种方法。 1. 对象方法中的this指向 在JavaScript中，当函数作为对象的一个属性（即方法）被调用时，该函数内的this指向调用它的那个对象。...
关于JavaScript中的this指向问题总结篇
12-09
综上所述，理解JavaScript中的this指向是至关重要的，因为它决定了函数如何访问和修改数据。在编写代码时，需根据具体情况选择合适的方式来处理this，以避免出现意外的错误。通过熟悉上述规则和场景，能更好地掌握...
JS匿名函数内部this指向问题详析
10-17
JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下有不同的指向，特别是在匿名函数中，`this`的指向问题经常让开发者感到困惑。本文将深入解析JS匿名函数内部`this`的指向，并通过实例来阐述相关知识...
JavaScript this在函数中的指向及实例详解
10-16
在 JavaScript 中，函数中的 this 关键字可以类比于现实生活中人的行为。例如，男神在北理珠吃饭，这里的“男神”可以看作是函数的主体（即 this），而“北理珠”则是函数执行的环境（context）。函数（吃饭）是行为...
js中函数 this的三种指向
weixin_57396733的博客
04-30 1464
1.关于this： this关键字是函数运行时自动生成的一个内部对象，也被称作为环境对象，只能在函数内部使用。谁调用this，this就指向谁。谁调用我,我就指向谁 2.this的三种指向 普通函数； 函数名() this指向window 对象方法: 对象名.方法名() this指向对象 构造函数； new 函数名() this指向new创建实例对象 3.通过代码分析、验证 （1）普通函数 我们声明一个函数，函数体...
javaScript函数中关于this的指向问题
weixin_44374938的博客
10-28 445
this是js中的一个关键字，在不同的场合使用，this的值会发生变化，下面我将详细的介绍this在函数中的各种指向。 在方法中，this表示该方法所属的对象。 如果单独使用，this表示全局对象。 在函数中，this表示全局对象。 在函数的严格模式下，this是未定义的(undefined)。 在事件中，this表示绑定事件的元素对象。 下面实例介绍不同情况下的this(前提是非严格模式下) //在全局对象中 function fn(){ var a=123; console.log(this.a
JS 关于 this 指向的几种情况
cookcyq__的博客
01-02 3832
一、this 指向 window 1、全局函数里面的 this 指向 window 2、箭头函数里面的 this 指向 window // 定义全局变量 title 与函数 foo var title = 'hello,world' // 注意：若使用 let 定义则不属于全局变量 function foo() { console.log(this.title) } function arrow() { let title = 'hello,arrow' return () => { re
【JavaScript】this指向、错误处理
南栀的博客
06-01 502
文章目录1. this指向1.1 改变this的指向1.1.1 `call()`、`apply()`1.1.2 `bind()`2. 错误处理 1. this指向 构造函数内部的this指向新创建的对象。 直接通过函数名调用函数时，this指向的是全局对象window。 如果将函数作为对象的方法调用，this将会指向该对象。 function foo() { return this; } var o = {name: 'Jim', func: foo}; console.log(foo() ===
npm 和 npx 的区别和使用场景
Dou_Hua6的博客
10-09 689
自动下载和缓存：如果本地未安装所需包，npx会自动下载并执行，执行完毕后可以选择保留或删除。脚本运行：通过package.json中的scripts字段定义和运行自定义脚本。依赖管理：管理项目的dependencies和devDependencies。简化命令行工具的使用：临时执行命令，避免全局安装带来的版本冲突或污染。npm 全称：Node Package Manager。发布包：将自己的包发布到npm注册表供他人使用。：无需全局安装即可运行npm包中的可执行文件。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1341
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 593
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 512
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
最新发布
源码好优多
10-16 431
请联系我获取更详细的演示视频。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值