TypeScript - 'this'默认为'any'

Question

有人可以解释为什么我在'this'变量的'setItem'函数中没有获得智能感知。我的理解应该是'_storageAdapter'属性的范围？

class TestClass { 
private testOne =() => { 
} 

_storageAdapter: { 
    toType: (obj: any) => string, 
    getItem: (key: string) => void, 
    setItem: (key: string, value: string) => void, 
} 
= { 
    toType: (obj: any) => { 
     return "hello"; 
    }, 
    getItem: (key: string) => { 
     this.testOne() // this is class scoped; 
    }, 
    setItem: function (key: string, value: any) { 
     this.toType(value); // this should be property scoped? but no intellisense? its just set to 'any' 
    } 
} 

}

Answer 1

普通JS的功能不保存的this范围，例如：

class A { 
    obj = { 
     withoutScope: function() { 
      console.log(this); 
     }, 

     withScope:() => { 
      console.log(this); 
     } 
    } 
} 

编译成：

var A = (function() { 
    function A() { 
     var _this = this; 
     this.obj = { 
      withoutScope: function() { 
       console.log(this); 
      }, 
      withScope: function() { 
       console.log(_this); 
      } 
     }; 
    } 
    return A; 
}()); 

通知两者之间的差console.log：withoutScope有this whil e withScope具有_this（其在上面定义为var _this = this）。
这是打字稿编译器如何翻译arrow function，但是如果您使用ES6目标进行编译，那么它将保留它作为箭头功能而不使用_this = this技巧，但结果将是相同的。

如果你调用这些方法你：

let a = new A(); 
a.obj.withoutScope(); // Object {} 
a.obj.withScope(); // A { obj: Object } 

（code in playground）

在你的例子同样的情况，前两个功能是其保持this权利范围箭头的功能，但第三不。
您可以使用箭头功能也同样可以，或者你可以使用Function.prototype.bind功能：

setItem: function (key: string, value: any) { 
    this.toType(value); // this should be property scoped? but no intellisense? its just set to 'any' 
}.bind(this) 

但它可能只能帮你在运行时，因为我不知道你的智能感知会得到。

Answer 2

简体样本：

class TestClass { 
    private testOne =() => { 
    } 

    _storageAdapter: { 
     getItem: (key: string) => void, 
     setItem: (key: string, value: string) => void, 
    } 
    = { 
     getItem: (key: string) => { 
      this.testOne() // this is class scoped; 
     }, 
     setItem: function (key: string, value: any) { 
      this.somethingThatDoesNotExist(); // this should be property scoped? but no intellisense? its just set to 'any' 
     } 
    } 
} 

的原因是，function不捕获this，它真的会依赖于别人怎么称呼它的功能的用户。

一个箭头函数捕获this所以打字稿有更强的保证。

更多

• Arrow功能：https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html

一些标志，这样就不会陷入措手不及：noImplicitAnyhttps://basarat.gitbooks.io/typescript/content/docs/options/noImplicitAny.html