微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JavaScript中的this实例分析_javascript技巧

php中文网
发布： 2016-05-16 18:07:12
原创
1675人浏览过

以人为镜，可知得失，看来这句话是很有道理的。

Demo 1 ：
如果是一个全局的function，则this相当于window对象，在function里定义的各种属性或者方法可以在function外部访问到，前提是这个function需要被调用。

PHP5 和 MySQL 圣经
PHP5 和 MySQL 圣经

本书是全面讲述PHP与MySQL的经典之作，书中不但全面介绍了两种技术的核心特性，还讲解了如何高效地结合这两种技术构建健壮的数据驱动的应用程序。本书涵盖了两种技术新版本中出现的最新特性，书中大量实际的示例和深入的分析均来自于作者在这方面多年的专业经验，可用于解决开发者在实际中所面临的各种挑战。

PHP5 和 MySQL 圣经 466
查看详情 PHP5 和 MySQL 圣经
复制代码 代码如下:



Demo 2 ：
如果使用new的方式去实例化一个对象，则this不等于window对象，this指向function a的实例
复制代码 代码如下:



Demo 3 ：
使用prototype扩展方法可以使用this获取到源对象的实例，私有字段无法通过原型链获取
复制代码 代码如下:



Demo 4 ：
不管是直接引用function，还是实例化一个function，其返回的闭包函数里的this都是指向window
复制代码 代码如下:



Demo 5 ：
在HTML中使用this，一般代表该元素本身
复制代码 代码如下:

Click Me



Demo 6 :
在IE和火狐（Chrome）下注册事件，this分别指向window和元素本身
复制代码 代码如下:

Click Me



以上就是我总结的this在javascript中的不同应用场景，可能还有其他的情况不一而足，以后发现了会补充进来。
相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：小试JQuery的AutoComplete插件_jquery 下一篇：为你的网站增加亮点的9款jQuery插件推荐_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
移动端JavaScript_React Native架构解析 ReactNative是使用JavaScript和React构建原生移动应用的框架，其核心架构采用Bridge与双线程模型，通过JavaScript线程处理逻辑、原生线程渲染UI，经由Bridge异步通信实现JS与原生交互；渲染机制上，将JSX转换为原生组件，生成真正的原生视图而非Web元素；支持通过原生模块和组件扩展系统功能；新架构Fabric与TurboModules则优化了通信效率与启动性能，采用共享内存和声明式API提升整体流畅度。
2025-11-30 20:55:26
636
JavaScript数据绑定_响应式原理深度解析 答案：JavaScript响应式原理通过数据劫持结合依赖收集实现，Object.defineProperty可监听属性读写但有局限，Proxy能更全面拦截对象操作并解决动态属性与数组监听问题，配合依赖收集机制在数据变化时自动触发视图更新。
2025-11-30 20:53:45
153
JavaScript元编程_Symbol与反射API应用 Symbol和Reflect提供元编程能力，Symbol创建唯一键避免属性冲突，可用于定义私有属性或自定义对象行为如迭代；Reflect配合Proxy实现对象操作拦截，用于只读代理、日志监控等场景，二者结合提升代码抽象层级与控制力。
2025-11-30 20:53:02
764
数据可视化实战_javascript图表库 答案：本文介绍了Chart.js、D3.js和ECharts三大JavaScript图表库。Chart.js轻量易用，适合快速开发；D3.js灵活强大，适合高度定制；ECharts功能全面，适用于复杂场景。根据项目需求选择合适的库可提升数据可视化效果和用户体验。
2025-11-30 20:51:06
736
深入JavaScript_Web Assembly集成 JavaScript与WebAssembly集成旨在结合两者优势：JavaScript负责DOM交互，Wasm处理高性能计算。通过fetch加载Wasm模块，共享线性内存传递数据，Emscripten生成胶水代码简化开发，并支持Wasm调用JS实现双向通信，提升Web应用性能。
2025-11-30 20:51:06
405
迭代器与生成器_javascript异步迭代 异步迭代与生成器结合，使JavaScript能直观处理异步数据流。通过Symbol.asyncIterator和forawait...of，可同步风格遍历异步序列；asyncfunction*支持await与yield，适用于文件流、网络请求等场景。
2025-11-30 20:49:44
290
JavaScriptES6新特性_解构与扩展运算符 解构赋值和扩展运算符提升了JavaScript的代码简洁性与可读性。1.解构赋值支持从数组或对象中按模式提取值，实现变量快速赋值、默认值设置、变量交换及嵌套属性获取；2.扩展运算符（...）能展开可迭代对象，用于数组合并、复制、函数参数传递及对象合并、浅拷贝和属性覆盖；3.二者常用于API数据处理、状态管理与函数传参，需注意扩展运算符仅支持浅拷贝、属性顺序影响覆盖结果等细节。
2025-11-30 20:49:02
740
JavaScript代码编辑器_Monaco集成与扩展 MonacoEditor是微软开发的浏览器端代码编辑器，基于VSCode核心，支持语法高亮、智能补全、错误检查、代码折叠和主题切换。通过npm安装并结合Webpack或Vite集成到Web应用，可构建在线IDE或配置工具。需注意其体积较大，建议异步加载以优化性能。初始化时需创建容器并调用monaco.editor.create()，配置语言、主题和自动布局。支持JavaScript/TypeScript语法校验，可设置诊断选项和全局变量声明。可通过typescriptDefaults.setCo
2025-11-30 20:48:07
283
JavaScript正则表达式_高级模式匹配技术 掌握正则表达式高级特性可提升字符串处理效率。1.捕获组（()）保存匹配内容，非捕获组（?:）仅分组不保存；2.正向/负向前瞻（?=、?!）和后瞻（?
2025-11-30 20:47:22
781
JavaScript动画实现_CSS3与JS对比 CSS3动画适合简单交互动效，性能优且易维护；JavaScript动画灵活性高，适用于复杂逻辑和动态控制；推荐结合使用以平衡性能与功能。
2025-11-30 20:47:02
191
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部