this ts 方法获取_浅谈 JavaScript / TS 中的 this

在 JavaScript 中 this 所指向的对象与运行时上下文进行绑定，这就会导致在不同场景下，函数最终运行结果可能不尽相同。

非对象/实例化环境

非对象/实例化环境指的是普通的函数( 没有通过原型方法构造对象的函数 )环境以及直接在全局下使用 this(如直接在页面的上输出 this)。

在非对象/实例化环境下，this 在不同开发环境指向的是不同的默认对象。在 Node.js 环境下，默认指向的是 module.exports，在浏览器环境，默认指向 window。

对象/实例化环境

在对象/实例化环境场景下，要分清 this 的作用域，只需看对象是什么。

普通对象

假如 this 在一个普通字典对象中，且通过该对象的属性或者方法直接访问这个 this，那么此时它指向的就是对象本身。在下面这个例子中，当我们通过调用 Person.getName() 来获取对象本身的属性时，this 指向 Person 对象。

函数对象

假设我们通过 function 的方式，利用原型链构造一个类，然后通过对象的实例方法来调用 this。那么，此时 this 指向的就是该类的一个实例。

复用原型方法

承接上面的例子，若直接调用原型上的方法，this 指向的 Person.prototype 这个原型对象。所以若其他对象想将此方法复用在自身，就必须使用 bind、call、apply 将其绑定到自身对象上。

令人迷惑的现象

有了以上知识，我们就可以知道一个 this 到底指向的是哪个对象。甚至可以解读下面这个令人迷惑的例子中的 this 的指向。

这里 cardPicker 是由对象方法返回的函数，但它仍是一个普通函数。故函数中的 this 被置为默认对象——module.exports 或 window。由于默认对象中并没有card 和 suits 属性，故一旦 cardPicker 被用户调用，就会有 undefined 报错。

最后

关于 this，Typescript 对箭头函数中 this 指向的对象进行了合理化的改造——箭头函数中的 this 始终指向的是拥有此方法的对象本身。这样就不会产生上一节提到的那些违背“直觉”的现象。

参考链接

this ts 方法获取_浅谈 JavaScript / TS 中的 this相关推荐

java 定时任务怎么关闭_浅谈springboot项目中定时任务如何优雅退出
在一个springboot项目中需要跑定时任务处理批数据时,突然有个Kill命令或者一个Ctrl+C的命令,此时我们需要当批数据处理完毕后才允许定时任务关闭,也就是当定时任务结束时才允许Kill命令生 ...
mysql declare与set的区别_浅谈MySQL存储过程中declare和set定义变量的区别
在存储过程中常看到declare定义的变量和@set定义的变量.简单的来说,declare定义的类似是局部变量,@set定义的类似全局变量. 1.declare定义的变量类似java类中的局部变量,仅 ...
python中if和elif的区别_浅谈对python中if、elif、else的误解
今天下午在练习python时用了"if...if...else..."的分支结构,结果运行出来吓我一跳.原来我想当然的认为"if...if...else..." ...
python中分支语句elif与else的区别_浅谈对python中if、elif、else的误解
今天下午在练习python时用了"if...if...else..."的分支结构,结果运行出来吓我一跳.原来我想当然的认为"if...if...else..." ...
java扫码枪键盘_浅谈在react中如何实现扫码枪输入
触发原理原理就是监听键盘输入,比如扫一个为6970596130126的69条形码,用扫码枪扫一下会在光标位置依次输出: 6 9 7 0 5 9 6 1 3 0 2 6 但这不是完整的,所以需要写一个 ...
mysql存储过程set什么意思_浅谈MySQL存储过程中declare和set定义变量的区别
在存储过程中常看到declare定义的变量和@set定义的变量.简单的来说,declare定义的类似是局部变量,@set定义的类似全局变量. 1.declare定义的变量类似java类中的局部变量,仅 ...
python封装继承多态_浅谈JavaScript的面向对象和它的封装、继承、多态
写在前面既然是浅谈,就不会从原理上深度分析,只是帮助我们更好地理解... 面向对象与面向过程面向对象和面向过程是两种不同的编程思想,刚开始接触编程的时候,我们大都是从面向过程起步的,毕竟像我一样, ...
mysql创建存储过程意义_浅谈一下mySql中创建存储过程
首先说一下为什么要使用存储过程,存储过程是在数据库中预编译的程序代码,其执行效率显然要比从程序端传过去的sql语句要高的多,这样既可以节省网络带宽,又可以加快sql的执行速度,可以很好的提高系统的性能 ...
join方法 js 单字符串会报错_浅谈JavaScript字符串拼接
在JavaScript中会经常遇到字符串拼接,但是如果要拼接的字符串过长就比较麻烦了. 如果在一行的话,可读性太差:如果换行的话,会直接报错. 现在就来介绍几个JavaScript拼接字符串的几个小技 ...

this ts 方法获取_浅谈 JavaScript / TS 中的 this

this ts 方法获取_浅谈 JavaScript / TS 中的 this相关推荐

最新文章

热门文章