博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一次搞定js中的this指向
阅读量:6880 次
发布时间:2019-06-27

本文共 909 字,大约阅读时间需要 3 分钟。

js中this的指向是在运行时会变动的

这句话严谨的说是有问题的。

this这个关键词,在java中的解释是引用当前类的实例变量。这里有两个关键词当前类实例变量,说白了this当前执行方法的调用者

比如

const a = {  say() {    console.log(this === a);  }}a.say(); // true复制代码

再比如

class A {  constructor() {    this.name = "A";  }  say() {    console.log(this.name);  }}const a = new A();a.say(); // "A"const b = {  name: "B",  say: a.say}b.say(); // "B"复制代码

但有时,我们会遇到下面?的情况

function sayThis() {  // TODO  console.log(this);}sayThis();复制代码

一个方法,没有直接调用者。。。。

这种情况的时候,代码的效果就是这样的

function sayThis() {  // TODO  console.log(this);}this.sayThis();复制代码

如果一个函数没有显式的调用者,那么,这个函数的调用者就是此函数执行的作用域中的this

所以,归根结底,this当前执行方法的调用者

?

?

?

?

?

?

?

你以为这样就结束了?Too young too simple

js中还有三个显式绑定this的方法,bindapplycall当使用这些方法指定执行函数的this时,那this基本上就是指定的了

基本上?有特殊情况吗?

有!!!!?

箭头函数

const sayThis = () => {    console.log(this)}复制代码

上面的代码用babel编译之后

var _this = this;var sayThis = function () {    console.log(_this);};复制代码

很容易理解箭头函数中this的指向

转载地址:http://kfbbl.baihongyu.com/

你可能感兴趣的文章
php引用(&)详解及注意事项(转)
查看>>
[zz]Linux Container测试之block IO
查看>>
HDOJ 3784
查看>>
html5 开发android
查看>>
文件管理File类
查看>>
【Javascript Demo】遮罩层和百度地图弹出层简单实现
查看>>
Android Intent的几种用法全面总结
查看>>
RF+Selenium2Library+Sikuli集成环境搭建
查看>>
如何使用观测者模式实现监控和推送
查看>>
win7下虚拟机安装mac 转载自 http://itbbs.pconline.com.cn/50602805.html
查看>>
移动平均
查看>>
asp.net上传文件超过了最大请求长度[转]
查看>>
从零开始编写自己的C#框架(13)——T4模板在逻辑层中的应用(二)
查看>>
[LeetCode] 3Sum Closest
查看>>
TTL电平与RS232电平的区别
查看>>
【SPMF开源数据挖掘平台入门】MaxSP算法使用说明
查看>>
linux shell 命令
查看>>
android 如何使用jar替换java代码编译
查看>>
python通过protobuf实现rpc
查看>>
Java RMI(远程方法调用) 实例与分析 (转)
查看>>