hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 前端开发 - 正文 君子好学,自强不息!

JS干货分享—-this指向问题_WEB前端开发

2020-06-19前端开发ki4网8°c
A+ A-

JS遍历对象有几种方法_WEB前端开发

几天前一个小伙伴问我Object.getOwnPropertyNames()是干什么用的,平时还真没有使用到这个方法,一时不知如何回答,从方法名称来分析,应该是返回的是对象自身属性名组成的数组。

平时用this有些混乱,所以写个总结。

没有箭头函数之前,我们说this就是函数运行时所在的环境对象,但是在箭头函数中this就是定义时所在的对象,先说大家熟知的:函数运行时所在的环境对象。

1、作为函数调用,this指向全局对象

2、作为对象的方法调用,该对象即为调用上下文,this指向该对象。

3、作为构造函数调用,构造函数试图初始化这个新创建的对象,并将这个对象作为其调用上下文,this 指向这个新创建的对象。

4、通过函数的call/apply方法间接调用, call/apply方法的第一个参数是调用上下文,在函数体内,通过this获得对它的引用。

箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。

5、独立函数

Vue组件通信的六种方式_WEB前端开发

在平时的开发过程中,父子兄弟组件间的通信是肯定会遇到的啦,所以这里总结了 6 种 Vue 组件的通信【props / $e$emit / Vuex$attrs / $listeners】。

该箭头函数在全局环境中定义,即this指向window

6、对象的方法

如上所示,foo在全局中定义,所以this指向window,那么如何使this指向obj?

根据上一篇介绍,当函数作为对象的方法调用时this指向该对象,可以这样改写:

func在foo调用时定义,此时的foo所在作用域为obj,因此this指向obj

7、构造函数,因箭头函数没有this,固不能用作构造函数,否则会报错

8bind/call

如上:func定义在全局,因此打印0,同对象方法,我们可以通过如下改写,打印出1

推荐教程:《JS教程》

以上就是JS干货分享—-this指向问题的详细内容,更多请关注ki4网其它相关文章!

ps中没有匹配字体怎么办?_WEB前端开发

ps中没有匹配字体的解决办法:首先下载字体并解压到E盘;然后复制此文件,并粘贴到【C:\Windows\Fonts】文件夹内;最后打开软件选择字体即可。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
JS干货分享—-this指向问题_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>