javascript - 如何将js函数构造函数转换为 typescript ？

Question

我正在从 js 转向 Typescript，但我遇到了一些挑战。

我需要将构造函数转换为相当于 typescript 的函数。

js中的函数是这样的:

export default function(address) {
  var self = this ;
  self.address = address;
  
  self.init = function(){
    //some code
  }

  self.onClick = function() {
   // some code
  }
}

<小时/>

我尝试转换它，但它在 this 关键字中提示。 (缺少注释)

const Address: (address: string) => void = function (address: string) {
   this.address = address;
 }

Address.prototype.init = function() {
  // some code here
}

export default Address

我计划在 react 组件内部从另一个文件调用它，如下所示: new(任意地址)(address_here));

我遇到了 this 问题，因此我没有检查 prototype 函数是否也能正常工作。

Answer 1

你可以使用类声明语法:

export default class Address{
    constructor({address}:Object){
       this.address : String = address;
    }

    init():void{ // or your type of return
      // some code
    }

    onClick():void{ // or your type of return
      // some code
    }
}