关于this指向的一点小分享

最新推荐文章于 2025-05-26 10:08:00 发布

转载最新推荐文章于 2025-05-26 10:08:00 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wx-1996/p/10846531.html

　　this指向很重要啊！

凡是在全局声明的变量和方法都是属于window的

在函数中this的指向指向函数的调用者

在函数中this的指向指向函数的作用域

在不改变this指向的情况下this指向主要是以下六点：

1、凡是在函数内部调用的函数this指向都指向window

2、定时器、延时器this的指向都指向window

3、在实践中一般情况下this的指向都指向当前的DOM对象

4、在对象的函数中一般情况下this的指向都指向当前对象

5、事件监听的时候this的指向会指向当前DOM对象

6、一般情况下回调函数中this指向window

构造函数中this的指向会指向实例化对象（new完毕后返回值就是实例化对象）

转载于:https://www.cnblogs.com/wx-1996/p/10846531.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dongdu2016

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【JavaScript】this指向经典面试题（超详细）

m0_67391521的博客

07-28

1644

本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...

Java中的this指针使用方法分享

09-04

在Java中，每个实例方法或构造器都有一个隐含的参数`this`，它指向调用该方法的对象。理解`this`的工作原理可以帮助我们更好地编写和理解Java代码。首先，让我们明确一点：“当前对象”是指在执行当前方法或构造器...

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

jiathis分享

cocoaxian的博客

08-16

645

主流两大类分享工具 1、jiathis分享功能 var jiathis_config = { data_track_clickback: 'true' }; <script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0&uid=2110745" charset="

分享点干货（此this非彼this）this的详细解读

02-13

148

在javascript编程中，this关键字经常让初学者感到迷惑，这里，针对此this根据查阅的资料和个人的理解分享一下，纯手打，大神勿喷。首先先说一下this的指向，大致可以分为以下四种。 1.作为对象的方法调用。 2.作为普通函数调用。 3.构造器调用。 4.Function.prototype.call或者是Function.prototype.apply调用。这四...

调用jiathis分享接口

weixin_30793643的博客

10-24

177

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/T...

Html 分享功能(jinthis)

无论何时都不要停止学习，这是改变自己的必要条件

02-04

4483

JiaThis - 社会化分享按钮及移动端分享代码提供商! 你是否有时候在网上看到这些第三方的社交软件的分享,其实这些是在jiathis上是有相应的代码的,都是几句话而已,很方便的可以应用到这些分享功能 ...

JiaThis 分享插件调用

聪明的牛头人的博客

05-05

2567

JiaThis 分享插件调用

【最简单最全面】一文讲清楚五大this指向，this到底指向哪里？

RenGJ010617的博客

05-26

2933

this 是 JavaScript 中最迷惑、最核心的概念之一。它的值不是取决于函数在哪声明的，而是取决于它是如何被调用的。简单来说，this 是函数运行时自动创建的一个特殊变量，它指向调用该函数的“拥有者”对象。但它的指向受不同的调用方式影响，我们一起来理一理五大this指向的情况。

关于 JavaScript 中 this 指向的理解

Mr_changxin的博客

07-21

857

文章目录1. 默认绑定规则2. 隐式绑定规则3. 显示绑定：call，apply，bind4. new 绑定我们在写前端页面的时候，编写JavaScript代码的时候经常会用到this关键字，比如绑定事件等等，但是JavaScript中的this指向问题一直都是比较让人头疼的问题，特别是对于初学者来讲，本来认为代码没有什么问题，结果运行出来不尽人意，而且还要花大量时间来调试找到问题所在。以下内容是根据自己所理解进行分享，有什么不对的地方希望大家指出，并一起讨论，一起进步。首先我们要明白，this 是

JS 定时器的 this 指向若干问题总结

前端开发博客

04-30

3475

点击关注下方卡片关注我????????回复“JS”查阅JS精选文章原文：https://segmentfault.com/a/1190000007908814看到评论里有小伙伴建议我试试...

简述JS中THIS的指向？

learning_web的博客

08-08

477

这里是修真院前端小课堂，每篇分享文从八个方面深度解析前端知识/技能，本篇分享的是：【简述JS中THIS的指向？】大家好，我是IT修真院武汉分院web第16期的学员孟晨，一枚正直纯洁善良的web程序员今天给大家分享一下，修真院官网js（职业）任务四，深度思考中的知识点——简述JS中THIS的指向？ 1.背景介绍 this是什么？它有着什么样的功能？ this是Javascript语言的一个关...

对JavaScript中this指针的新理解分享

10-24

在函数调用模式中，`this` 默认指向全局对象（在浏览器中是 `window`）；在构造函数调用模式中，`this` 指向新创建的实例；而在 Apply 调用模式中，`this` 可以由开发者显式指定。了解这些基础知识后，你可以更好...

基于uni-app跨平台框架构建的每日内容迭代美团风格智能点餐系统_集成在线下单菜单浏览订单管理支付接口用户评价商家后台实时更新与二维码体验功能的综合性移动应用_旨在为.zip

12-21

VDA 5 V3_2021 Measurement and Inspection Processes EN 测量检验过程.rar

12-21

VDA 5 V3_2021 Measurement and Inspection Processes EN 测量检验过程.rar

使用Java技术输出Word文件中嵌入图像

12-21

代码转载自：https://pan.quark.cn/s/06a8ab9292f2 python3导出mysql表结构到word文件在config.properties配置数据库连接信息,运行Main.py export mysql database to microsoft word file config database information in config.properties file then run Main.py word样例

【风光场景生成】基于改进ISODATA的负荷曲线聚类算法（Matlab代码实现）

最新发布

12-21

【风光场景生成】基于改进ISODATA的负荷曲线聚类算法（Matlab代码实现）

仿网上自助点餐的微信小程序_自助点餐系统_城市定位餐厅选择_商品菜单浏览_食品详情展示_购物车订单管理_用户登录注册_轮播图展示_图标资源管理_用于提供便捷的线上自助点餐服务_支持.zip

12-21

基于Python+Django+Vue+MySQL的高校实习管理系统设计与实现（含源码、论文及演示）

12-21

**高校专业实习管理平台设计与实现** 本设计项目旨在构建一个服务于高等院校专业实习环节的综合性管理平台。该系统采用当前主流的Web开发架构，基于Python编程语言，结合Django后端框架与Vue.js前端框架进行开发，实现了前后端逻辑的分离。数据存储层选用广泛应用的MySQL关系型数据库，确保了系统的稳定性和数据处理的效率。平台设计了多角色协同工作的管理模型，具体包括系统管理员、院系负责人、指导教师、实习单位对接人以及参与实习的学生。各角色依据权限访问不同的功能模块，共同构成完整的实习管理流程。核心功能模块涵盖：基础信息管理（如院系、专业、人员信息）、实习过程管理（包括实习公告发布、实习内容规划、实习申请与安排）、双向反馈机制（单位评价与学生反馈）、实习支持与保障、以及贯穿始终的成绩评定与综合成绩管理。在技术实现层面，后端服务依托Django框架的高效与安全性构建业务逻辑；前端界面则利用Vue.js的组件化特性与LayUI的样式库，致力于提供清晰、友好的用户交互体验。数据库设计充分考虑了实习管理业务的实体关系与数据一致性要求，并保留了未来功能扩展的灵活性。整个系统遵循规范的软件开发流程，从需求分析、系统设计、编码实现到测试验证，均进行了多轮迭代与优化，力求在功能完备性、系统性能及用户使用体验方面达到较高标准。 **核心术语**：实习管理平台；Django框架；MySQL数据库；Vue.js前端；Python语言。资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！

【无人机路径规划】基于多智能体强化学习的三维航迹优化：有图有真相 MATLAB实现基于多智能体强化学习（MARL）进行无人机三维路径规划（代码已调试成功，可一键运行，每一行都有详细注释）

12-21

内容概要：本文档介绍了一个基于MATLAB实现的多智能体强化学习（MARL）框架，用于解决无人机在三维复杂环境中的路径规划问题。该代码实现了完整的机器学习流水线，包括模拟数据生成、代价预测模型训练、三维环境构建、多智能体DQN算法训练、最优路径选择、模型保存与预测以及全面的评估与可视化。系统支持参数交互式设置，采用CTDE架构进行训练，并引入了风险场、障碍规避、协同防撞等机制，通过多种评估图形和指标验证模型性能，确保路径的安全性、高效性和鲁棒性。; 适合人群：具备一定MATLAB编程基础和机器学习理论知识的科研人员、自动化与人工智能领域研究生、无人机路径规划相关工程技术人员。; 使用场景及目标：①应用于多无人机协同任务中的三维避障路径规划；②研究多智能体强化学习在动态复杂环境下的决策能力；③作为教学案例帮助理解DQN、经验回放、目标网络、奖励设计等强化学习核心技术的实际实现。; 阅读建议：建议结合代码中的详细注释逐步运行各模块，重点关注参数配置、环境建模与奖励函数设计之间的关系，同时利用提供的两份代码（注释版与简洁版）进行对照学习，深入理解MARL在具体应用中的工程实现细节与调优策略。

开启微信小程序分享功能

01-03

### 实现微信小程序分享功能在微信小程序中实现和配置分享功能涉及多个方面，包括但不限于设置分享按钮及其点击事件处理程序，在此过程中需调用特定API接口完成相应操作[^1]。 #### 添加分享按钮及绑定事件处理器首先要在页面布局文件`index.wxml`内定义一个用于触发分享行为的组件，比如<button>标签： ```html  <view class="container">  <button bindtap="onShare">分享</button> </view> ``` 接着于对应的逻辑层JavaScript文件`index.js`里编写响应函数`onShare()`，该方法负责执行实际的分享动作。需要注意的是，对于不同版本的小程序框架可能存在差异化的API调用方式；此处仅给出较为通用的做法作为参考[^2]。 #### 配置分享选项为了让用户能够顺利地把当前页的内容转发出去，还需要指定一些必要的参数，如标题、描述文字以及缩略图链接等信息。这部分工作同样是在`.js`文件内部完成，具体来说就是重写Page对象实例上的shareAppMessage属性所指向的方法体： ```javascript // index.js const app = getApp(); Page({ data: { // 页面数据... }, onShare() { this.triggerEvent('trigger-share'); }, /** * 用户点击右上角菜单时触发 */ onShareAppMessage(res) { if (res.from === 'menu') { // 来自页面内转发按钮 return { title: '这是一个很棒的小程序', path: '/page/index', // 跳转路径 imageUrl: '' // 自定义图片地址（可选） } } else if (res.from === 'button'){ // 来自底部“…”菜单项 console.log(res.target) } return { title: '看看这个有趣的东西吧!', path: '/page/user?id=123' }; } }) ``` 上述代码片段展示了两种情况下的返回值设定：当是从页面内的某个控件发起请求时，则依据实际情况调整共享内容；而如果是通过屏幕顶部右侧的更多选项图标唤起的话，默认采用固定的文案样式[^3]。另外值得注意的一点是，如果希望允许用户将内容发布至朋友圈而非仅仅限于一对一聊天场景下发送消息卡片的形式，那么就需要额外关注wx.updateShareMenu API 的使用时机与条件限制了——即只有满足一定前提条件下才能成功开启此项特性开关[^4]。