位置: 编程技术 - 正文

JavaScript中的this到底是什么(一)(javascript中的this属性)

编辑:rootadmin

推荐整理分享JavaScript中的this到底是什么(一)(javascript中的this属性),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:JavaScript中的数据类型分哪为两大类?,JavaScript中的变量名不区分大小写,JavaScript中的变量名不区分大小写,javascript中的this属性,JavaScript中的NaN代表什么,JavaScript中的NaN代表什么,javascript中的this指向变量,javascript中的this属性,内容如对您有帮助,希望把文章链接给更多的朋友!

对于常年使用C++,C#,Java等这些面向对象语言的程序员来说,几乎天天都和this打交道。在这些语言里,this含义非常明确,就是指向当前的对象实例,我们用起来也是相当的放心。然而,到了JavaScript这个动态语言里,this的写法没变,但是其含义却大大地不同了,下面用实例说明,使用浏览器为Firefox.0.1.

首先,Hello World o(^?^)o

本人从刚开始自学javascript这门灵活的编程语言到现在,也有一年多的时间了。

在这一年多的时间里,这门语言所带给我的不仅是高额的工作回报,还有很多意想不到的惊喜,让我这样一个艺术生领略编程的魅力。

从今天开始,准备每周一更我的博客,不止是分享,更是勉励自己。

OK,我们进入今天的主题,今天我们来谈谈javascript里面一个比较特殊的对象:this

接触过其他面向对象的编程语言(如:java,C,C++等)的小伙伴们可能对this非常熟悉。

不过它在javascript当中为什么会经常性的给我们造成很多麻烦呢?

我们先来说说他与其他编程语言的不同

在javascript里面,this是一个特殊的对象,它不像其他编程语言那样,是存储在实例中的值,直接指向此实例。

而是作为一个单独的指针,在不同的情况之下,指向不同的位置,这也是为什么我们会将它搞混的原因。

下面我们来看下,它在不同情况下分别是怎样一种形态

1.在全局作用域时:

这个是最好理解的,即在全局作用域下this指向window,也就是在全局作用域下,this与window是等价的:

另外,由于在此时,this等价于window,所以我们在全局作用域声明的变量也会指向this:

当然,我们还有另一种声明变量的方法:

当声明变量时不使用 var 或者 let的话 此时相当于给全局的this添加或者改变属性值

JavaScript中的this到底是什么(一)(javascript中的this属性)

看起来还是很简单的,不就是个等价于window的对象么。

当然,如果仅仅是这样,this或许根本就没有存在的必要了。

而this最让人头疼的部分就是它在不同的作用域下,它的形态也是截然不同的

2.当在函数中时:

到这里时,this的陷阱已经渐渐显露出来了

这里为什么说是当在函数中而不是局部作用域时,要讲这个,首先我们要清楚function是什么

在javascript中,function作为js中的一个特殊对象:函数,是有着不同的形态的

我们通常看到的:

在这一形态下,其内部的this是与全局作用域时一样,直接指向window,所以其形态 依然等价于window。

这里就是经常容易犯得错误,很多人觉得,当this已经在一个function之中时,其目前所处位置为当前的局部作用域,所以目前指向的应该是此函数

但是,如果你将这个函数实例化(new)之后,此函数将生成一个全新的环境,此时在此实例中的this也会随之发生变化,它将指向所在实例。

这是因为,当实例化之后,此函数变成了一个实例对象,而其内部的this也自然而然的指向了此实例对象,如同一开始的this是指向window的对象一样指向了它所在的实例

另外,在我们写javascript的时候,我们通常还会有一种调用函数的方法,即为元素绑定事件,比如button.addEventListener(‘click', fn, false)等,如果在fn里面需要使用到this的话,那么此时this指向事件处理元素,也就是button

注意:this作为关键字,你是无法复写它的。

不知不觉,写的也好多了,其实this还有更多的形态,比如prototype,比如在html中,比如在dom事件处理程序里,由于篇幅过长,这里就不再继续进行敖述,下回我会讲到在prototype中的this

this在我的理解中作为一个指针,相应的它在prototype原型链中会有更重要的地位,不过不在我们今天的范围之内,暂不做过多的解释

以后基本会每周一更吧,作为javascript的新手,也希望写的东西可以跟更多人分享,更希望从大家的思想中总结更多的经验!

关于JavaScript中的this到底是什么(一),每周一都会给大家更新的,作为javascript的新手,希望写的东西可以和身边的朋友分享,更希望互相交流学习经验。谢谢!

js实现的星星评分功能函数 本文实例讲述了js实现的星星评分功能函数。分享给大家供大家参考,具体如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

JavaScript程序设计之JS调试 本文主要通过一个加法器,介绍JS如何调试。先上代码:效果:test.html:spanstyle="font-family:ComicSansMS;font-size:px;"!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"title

深入浅析react native es6语法 reactnative是直接使用es6来编写代码,许多新语法能提高我们的工作效率解构赋值var{StyleSheet,Text,View}=React;这句代码是ES6中新增的解构(Destructuring)赋值语句

标签: javascript中的this属性

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

上一篇:js实现的奥运倒计时时钟效果代码

下一篇:js实现的星星评分功能函数(js new实现)

  • 实收资本的账务处理是怎样的
  • 企业税号还未开户
  • 固定资产待抵扣进项税
  • 住房补贴需要交什么材料
  • 个人所得税10月突然增加了
  • 企业的所得税
  • 收入纳税明细里的收入是税前还是税后
  • 车过户怎么处理
  • 股权转让所得应纳税所得额
  • 营改增后企业出售房产涉税
  • 国税发200931号文解读
  • 公司的差旅费
  • 小微企业附加税优惠政策2023
  • 居民企业之间以非货币资产进行投资
  • 个人投资者
  • 土地契税及印花税缴纳规定
  • 本年固定资产投资额与不良贷款的关系
  • 抄报不了是怎么回事?
  • 代扣税款手续费管理办法
  • 公司职员培训与管理
  • 现在还有短期投资这个科目吗
  • 项目工程会计账务处理
  • 网卡和网线都正确接法
  • 腾讯电脑管家开机加速在哪里
  • 个人社保和公积金扣款公司七个人三怎么样
  • 会计分录是怎么样的
  • windows10闹钟不响
  • 佣金代扣代缴增值税还有附加税吗
  • php的基础知识
  • 高温补贴计入
  • 从午夜穹顶看育空河,加拿大育空道森市 (© Robert Postma/Getty Images)
  • 午夜太阳的意思
  • tensorflow2安装
  • php504错误
  • 小规模纳税人残保金申报时间
  • 库存现金清零
  • 企业购买的土地出买后无法收回资金属国有资产流失吗?
  • 二手车征税税率减按多少税
  • 成本核算的会计处理
  • 主营业务收入用三栏式吗
  • 买资产买负债
  • python dict.item()方法遍历字典
  • 汽修厂利润能达到一半吗
  • 进项税大于销项税怎么抵扣
  • 纳税申报怎么做
  • 应交税金及附加怎么计算
  • 关于发放节日补助的通知
  • 企业购买房产缴纳房产税
  • 为什么要进行结账和对账
  • 收到加盟费怎么开票入账
  • 建筑简易征收适用哪些业务
  • 留抵税额可以抵欠税吗
  • 应付职工薪酬的会计科目
  • sql搜索字段名
  • windows7软件运行没反应
  • centos svn服务器搭建web
  • window10与CentOS双系统安装详细教程
  • 怎么进入bios设置界面win10
  • linux回退
  • mac上播放器
  • vmware虚拟机Linux扩展硬盘
  • win8 升级 win10
  • win10回收站设置
  • win7笔记本触摸板怎么开启
  • python的threading
  • unity3d地图定位
  • css如何实现
  • javascript运用
  • node.js介绍
  • unity动画教程
  • javascript零基础
  • django教程推荐
  • bootstrap怎么用
  • 如何理解javascript
  • 2023年四川职工医保缴费基数
  • 上海市税务局招聘
  • 航天金税开票软件客服电话
  • 教师十三薪是什么意思
  • 火灾损失进项税额怎么处理
  • 国家税务总局对税务助征员
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设