位置: 编程技术 - 正文

JavaScript中this的使用详解(javascript中的this属性)

发布时间:2024-02-27
我们要记住一句话:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象。切记…本文将分三种情况来分析this对象到底身处何方。普通函数中的this无论this身处何处,第一要务就是要找到函数运行时的位置。当this出现在全局环境的函数getName中时,此时函数getName运行时的位置在显然,函数getName所在的对象是全局对象,即window,因此this的安身之处定然在window。此时的this指向window对象,则getName返回的this.name其实是window.name,因此alert出来的是“全局”!那么,当this不是出现在全局环境的函数中,而是出现在局部环境的函数中时,又会身陷何方呢?其中this身处的函数getName不是在全局环境中,而是处在twobin环境中。无论this身处何处,一定要找到函数运行时的位置。此时函数getName运行时的位置显然,函数getName所在的对象是twobin,因此this的安身之处定然在twobin,即指向twobin对象,则getName返回的this.name其实是twobin.name,因此alert出来的是“局部”!闭包中的this闭包也是个不安分子,本文暂且不对其过于赘述,简而言之:所谓闭包就是在一个函数内部创建另一个函数,且内部函数访问了外部的变量。浪子this与痞子闭包混在一起,可见将永无宁日啊!此时的this明显身处困境,竟然处在getName函数中的匿名函数里面,而该匿名函数又调用了变量name,因此构成了闭包,即this身处闭包中。无论this身处何处,一定要找到函数运行时的位置。此时不能根据函数getName运行时的位置来判断,而是根据匿名函数的运行时位置来判断。显然,匿名函数所在的对象是window,因此this的安身之处定然在window,则匿名函数返回的this.name其实是window.name,因此alert出来的就是“全局”!那么,如何在闭包中使得this身处在twobin中呢?在getName函数中定义that=this,此时getName函数运行时位置在alert(twobin.getName());则this指向twobin对象,因此that也指向twobin对象。在闭包的匿名函数中返回that.name,则此时返回的that.name其实是twobin.name,因此就可以alert出来 “局部”!call与apply中的this在JavaScript中能管的住this的估计也就非call与apply莫属了。call与apply就像this的父母一般,让this住哪它就得住哪,不得不听话!其中this身处函数getName中。无论this身处何处,一定要找到函数运行时的位置。此时函数getName运行时的位置getName(twobin);显然,函数getName所在的对象是window,因此this的安身之处定然在window,即指向window对象,则getName返回的this.name其实是window.name,因此alert出来的是“全局”!那么,该call与apply登场了,因为this必须听他们的指挥!getName.call(twobin);其中,call指定this的安身之处就是在twobin对象,因为this被迫只能在twobin那安家,则此时this指向twobin对象, this.name其实是twobin.name,因此alert出来的是“局部”!一点总结浪子this:永远指向函数运行时所在的对象,而不是函数被创建时所在的对象;如果处在匿名函数中或不处于任何对象中,则this指向window对象;如果是call或apply,它指定哪个对象,则this就指向哪个对象!

推荐整理分享JavaScript中this的使用详解(javascript中的this属性),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript中this的使用详解(javascript中的this属性)

文章相关热门搜索词:js中的this详解,js里的this,js中this的含义,javascript中this的含义,javascript中this的指向,javascript中this的指向,javascript中this的用法,javascript中this的用法,内容如对您有帮助,希望把文章链接给更多的朋友!

setTimeout和setInterval的深入理解 大概半年前发表过一篇关于setTimeout和setInterval的文章,但是现在回去仔细一看发现其实存在很多不足以及错误。事实上,setTimeout和setInterval并没有我们

javascript内存管理详细解析 介绍低层次的语言,如C,具有低级别的内存管理命令,如:malloc()和free(),需要开发者手工释放内存。然而像javascript这样的高级语言情况则不同,对象

JavaScript对内存分配及管理机制详细解析 你可能听说过JAVA、.NET、PHP这些语言有垃圾回收的内存管理机制,但是很少会听到JavaScript也有自己的内存管理机制,JavaScript同样有着类似的垃圾回收功

标签: javascript中的this属性

本文链接地址:https://www.jiuchutong.com/biancheng/376096.html 转载请保留说明!

上一篇:js字符串转成JSON(js字符串转为json)

下一篇:setTimeout和setInterval的深入理解(settimeout和setinterval在安卓机无效)

  • 车船税缴纳的相关知识?
  • 转让股份的印花税怎么交
  • 税盘收费吗
  • 个税申报错了并且已经缴款怎么修改
  • 公司会计制度由小企业会计准则改为企业会计准则怎么做
  • 非正常户发票管理
  • 小规模纳税人怎么变成一般纳税人
  • 施工单位名称变更需要变施工许可证吗
  • 一般纳税人在外地预缴税款
  • 固定资产清理科目怎么结转
  • 不动产在建工程使用的外购货物
  • 去年增值税销项少2元
  • 中央空调可一次开多少度
  • 年底开发票需要交企业所得税吗?
  • 南方建筑主编
  • 关于有什么新的政策
  • 企业的利润分配顺序
  • 计提个人负担的社会保险费分录
  • 1697509099
  • 货币性项目和非货币性项目的区别是什么?如何进行处理?
  • 经营预算的基本内容包括
  • 社保费现金收缴管理制度
  • 园林公司采购岗位职责
  • 联想旧电脑怎么连接wifi
  • win7系统打开软件就停止工作
  • iphone如何录音转文字
  • Mac笔记本电脑截图
  • 动态壁纸怎么设置锁屏
  • 电脑开机时出现用户账户控制提示
  • 房地产开发企业增值税怎么算
  • 坏账准备怎么做资产负债表
  • 基础知识讲解
  • php版本7和5区别
  • 股东借款产生的利息可以税前扣除吗
  • 会计政策变更属于经营情况变化吗
  • 详解Yii2高级版引入bootstrap.js的一个办法
  • 个税零申报流程视频教程
  • 差旅费用按业务分为
  • AttributeError: cannot assign module before Module.__init__() call
  • uniapp h5路由模式
  • 解决什么情况
  • 营业外支出贷方在利润表怎么体现
  • 员工业余自学
  • 存放在仓库中的柴油属于什么会计要素
  • php策略模式和工厂模式的区别
  • pycharm pypy
  • 其他收益在报表列示的项目是
  • 本年缴纳上年的所得税填年报
  • 个人独资企业法主要内容
  • 哪些凭证是免纳税的
  • mysql怎么实现原子性
  • 员工外面有自己的公司
  • 公司现金收付管理
  • 材料采购的流程
  • 处置子公司利润表怎么合并
  • 汇票与本票有何不同
  • 双倍余额递减法计提折旧公式
  • 发票 抬头个人
  • 出口收到货款怎么做账
  • 投资收益主要包括哪些
  • 进口关税增值税可以抵扣吗
  • 如何从财务报表中分析企业偿债能力
  • mysql 5.7.9 winx64在windows上安装遇到的问题
  • 远程桌面修改默认端口
  • win10打开命令提示符窗口
  • xp系统怎么强制结束进程
  • WIN7系统如何设置自动关机
  • ubuntu开发板
  • win10安装不了ie
  • win8自动进入桌面
  • win8.0升级win8.1
  • 电脑安装win8
  • dos字符串替换
  • 缓动函数网站
  • jquery可以实现哪些效果
  • unity打开c#
  • python数据类型有
  • 增值税税率最新
  • 德阳契税2021年新规
  • 烟台市独生子女费 打什么电话咨询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号