在Typescript中，this指针是一个经常困惑开发者的问题。在JavaScript中，this指针作为对象函数的一个常见概念，但并不是一件容易理解的事情。在TypeScript中，对于内部函数的this指针，也会出现一些与预期不同的行为，因此本文将从基础的this指针概念入手，分析并解决一些常见的问题。
this指针概念
在JavaScript中，this代表函数执行时的“当前对象”。根据调用函数的方式不同，this指针的值也不同。
- 当函数作为一个对象的方法被调用时，this指向该对象
- 当函数作为一个普通函数被调用时，this指向全局window对象
- 当使用bind、apply、call改变函数的作用域时，this也会发生改变
在TypeScript中，this指针的行为与JavaScript非常相似，但是TypeScript内部函数的this指针可能与JavaScript中的this指针不同。接下来我们将讨论这个问题。
TypeScript内部函数的this指针
TypeScript与JavaScript的最大差异之一是在函数内部的this指针引用。在TypeScript中，当一个函数被调用时，它的内部函数会在属于函数本身的作用域内执行。在JavaScript中，这些内部函数的this是指向全局对象的。而在TypeScript中，这些内部函数的this指向的是调用函数的对象本身。
下面是一个例子：
-- -------------------- ---- -------
----- ------ -
----- -------
----------------- ------- -
--------- - -----
-
------- -
------------------- -- ---- -- ---------------
-
--------------- -
--------------------- -
-------------
-- ------
-
-
----- ------ - --- ----------------
-----------------------在这个例子中，我们定义了一个Person类，其中greet方法可以根据传入的name进行招呼，并使用Console.log输出到控制台。delayGreeting方法使用setTimeout函数模拟了一个异步操作，该操作会延迟一秒钟调用greet方法。
但是，当我们调用person.delayGreeting()方法时，会出现错误，因为在内部函数中，this指针并不是指向Person实例，而是指向了全局对象window。
为了解决这个问题，我们可以使用箭头函数改变this指针的作用域，如下所示：
delayGreeting() {
setTimeout(() => {
this.greet();
}, 1000);
}这里，在setTimeOut函数中使用了箭头函数，而不是普通的函数表达式。箭头函数中的this指针会指向该箭头函数所处的作用域，这里就是Person对象。
总结
在TypeScript中，this指针是一个常见的问题。这个问题是由于TypeScript一些内部函数的this指针与JavaScript的行为不同造成的。解决这个问题的方法是使用箭头函数来替代"普通"的函数表达式，这样就可以正确地指向调用函数的对象本身了。细心并认真分析问题，才可以更好的运用this指针的概念，更好的完成项目的开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6459a262968c7c53b0bbe7e2