位置: 编程技术 - 正文

JS中的this变量的使用介绍(彻底弄懂js中的this指向)

编辑:rootadmin
JavaScript中this的使用 在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。 对于this变量最要的是能够理清this所引用的对象到底是哪一个,也许很多资料上都有自己的解释,但有些概念讲的偏繁杂。而我的理解是:首先分析this所在的函数是当做哪个对象的方法调用的,则该对象就是this所引用的对象。 示例一、 这段代码非常容易理解,当执行 obj.y() 时,函数是作为对象obj的方法调用的,因此函数体内的this指向的是obj对象,所以会弹出。 示例二、 这里为什么会弹出 'this is a property of window',可能有些让人迷惑。在JavaScript的变量作用域里有一条规则“全局变量都是window对象的属性”。当执行checkThis() 时相当于window.checkThis(),因此,此时checkThis函数体内的this关键字的指向变成了window对象,而又因为window对象又一个x属性('thisis a property of window'),所以会弹出 'thisis a property of window'。 上面的两个示例都是比较容易理解的,因为只要判断出当前函数是作为哪个对象的方法调用(被哪个对象调用)的,就可以很容易的判断出当前this变量的指向。 this.x 与apply()、call() 通过call和apply可以重新定义函数的执行环境,即this的指向,这对于一些应用当中是十分常用的。 示例三:call() 注意changeStyle.call()中有三个参数,第一个参数用于指定该函数将被哪个对象所调用。这里指定了one,也就意味着,changeStyle函数将被one调用,因此函数体内this指向是one对象。而第二个和第三个参数对应的是changeStyle函数里的type和value两个形参。最总我们看到的效果是Dom元素one的字体变成了px。 示例四:apply() apply的用法和call大致相同,只有一点区别,apply只接受两个参数,第一个参数和call相同,第二个参数必须是一个数组,数组中的元素对应的就是函数的形参。 无意义(诡异)的this用处 示例五: 如何达到预期的效果 事件监听函数中的this 注意:js中的全局变量都会动态添加到Window 的实例 window,作为其属性。 this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。 1、纯粹函数调用。 其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。 2、作为方法调用,那么this就是指这个上级对象。 3、作为构造函数调用。所谓构造函数,就是生成一个新的对象。这时,这个this就是指这个对象。 4、apply调用 this指向的是apply中的第一个参数。 当apply没有参数时,表示为全局对象。所以值为0。

推荐整理分享JS中的this变量的使用介绍(彻底弄懂js中的this指向),希望有所帮助,仅作参考,欢迎阅读内容。

JS中的this变量的使用介绍(彻底弄懂js中的this指向)

文章相关热门搜索词:js中this的用法,js 中的this,js中的this如何理解,js里的this,js 中的this,js中this的概念,js中this的用法,js中this的用法,内容如对您有帮助,希望把文章链接给更多的朋友!

onkeyup,onkeydown和onkeypress的区别介绍 msdn上有三者的区别:名称说明onkeypress这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。onkeyup这

javascript中的=等号个数问题两个跟三个有什么区别 一个等号就是个赋值的作用,主要问题在于两个跟三个等号的区别。javaScript中两个等于号和三个等于号之间的区别一言以蔽之:==先转换类型再比较,==

JavaScript instanceof 的使用方法示例介绍 在JavaScript中,判断一个变量的类型尝尝会用typeof运算符,在使用typeof运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它

标签: 彻底弄懂js中的this指向

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

上一篇:在javaScript中关于submit和button的区别介绍(javascript中的关键字有哪些)

下一篇:onkeyup,onkeydown和onkeypress的区别介绍

  • 一般纳税人开劳务发票几个点
  • 财务负责人如何解绑
  • 小规模纳税人开票税率
  • 固定资产账面金额什么意思
  • 生产成本的明细账怎么登记
  • 专票上的账号和收款账号要一致吗
  • 车辆购置税入什么科目?
  • 19年入职19年离职
  • 出售使用过的固定资产如何开票
  • 小规模所得税申报表填写样本
  • 期间费用企业所得税扣除
  • 微小企业每个季度减免多少税
  • 有哪些不同类型的金融机构
  • 资产负债表在建工程怎么填列
  • 融资性售后回租承租方为什么不交税
  • bootmgr is missing怎么手动解决
  • 购买原材料的运输费计入什么科目
  • 大白菜一键装机教程
  • 房屋出租后土地使用税谁来交
  • imac夜间模式
  • 虚拟机不能互相访问
  • 财政性资金所得税
  • 增值税发票可以抵扣多少
  • 龟背竹的养殖方法和管理
  • php实现搜索的方式
  • PHP:escapeshellarg()的用法_命令行函数
  • 契税计税依据是成交价还是评估价?
  • php自定义函数的关键字是什么
  • joplin使用
  • yii框架运行原理
  • php实现数据库查询
  • vue3.0配置
  • 深度学习之bottleneck layer
  • php原生类
  • 投资收益的会计处理
  • 简易计税是否可以享受即征即退
  • 本月确认收入 发票下月开
  • 飞书slogan
  • PHPCMS num 参数是什么意思?
  • 劳务派遣业务的特点
  • 开票地址必须和营业执照上一样吗少个字号可以吗
  • 合伙律师事务所管理办法最新
  • 小规模纳税人专票开1%还是3%
  • 仓库转租合同
  • 固定资产提前报废当月计提折旧吗
  • 更衣柜属于什么费用
  • 增值税为什么不用计提
  • 日常生活中各种形式的能量的转化
  • 所得税汇算清缴前取得跨年发票
  • 因企业增资而产生的费用
  • 公司投资款怎么算
  • 专票取消认证
  • 工业会计科目有哪些
  • mysql必知必会读书心得
  • win7用u盘怎么重装系统
  • 怎样修改windows开机密码
  • vc运行程序
  • 2015年win10共发布135个安全补丁 创历年之最
  • win7系统怎样
  • 磁盘分区右键是灰色的
  • win builds
  • win10升级补丁后死机
  • The graphics pipeline ,Open GL 渲染管线
  • jquery实现图片显示
  • js开发android应用
  • css布局多行多列
  • Jqgrid之强大的表格插件应用
  • jquery动态生成div
  • python ints
  • 举例讲解水生花卉栽培管理
  • android获取本机ip地址
  • JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
  • Landroid/support/v7/internal/widget/ActionBarOverlayLayout;.stopNestedScroll
  • 佛山市国家税务局狮山分局简介
  • 如何查询企业是小规模还是一般
  • 个人所得税税单去哪里打印
  • 电子税务局使用率低的原因
  • 紧缩性财政政策有哪些
  • 关税税率表包括哪些
  • 年休假期间工资支付标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设