typescript中this报错

export class AppComponent {
  title = 'myapp';
  count=1;
  clickme=function(){
      this.count++; 
  }

在上述代码中,使用this报错: 'this' implicitly has type 'any' because it does not have a type annotation.

function处报错: An outer value of 'this' is shadowed by this container

 

出错原因:ts 提供类似C# 和 java的静态类型（强类型）， 在全局和命名空间的全局里面 直接声明一个函数要用到 function 关键字（就是js的function关键字），

而在类（class）里面却不能使用function来声明方法。

 

这其中是this的指向问题.

改成这样就可以了:

export class AppComponent {
  title = 'myapp';
  count=1;
  clickme=()=>{
    this.count++;
  }
}