通过变量引用修改函数时将Javascript转换为Typescript答案

【问题标题】：Convert Javascript to Typescript when modifying a function through the variable reference通过变量引用修改函数时将Javascript转换为Typescript
【发布时间】：2017-11-04 02:24:44
【问题描述】：

我正在尝试将 javascript 代码文件转换为 typescript 文件，但是在通过变量引用修改函数时遇到了困难。

在javascript中，代码写成：

  Object.getPrototypeOf(ctx).rounded_rect = function(){

  }

其中ctx 是一个画布渲染上下文二维变量

如何将此代码转换为打字稿代码？当我将它复制并粘贴到打字稿文件时，它显示错误说Property 'rounded_rect' does not exist on type 'CanvasRenderingContext2D'.

另外，这行代码叫什么？

【问题讨论】：

ctx 是什么？ .....
@Jonasw 一个 Canva Context2D 变量
那么你想通过添加rounded_rect方法来扩展原生的CanvasRenderingContext2D？
@pawel 是的，我想是的！

标签： javascript typescript

【解决方案1】：

您需要先扩展需要声明的原生原型：

declare global {
   interface  CanvasRenderingContext2D {
      rounded_rect() : void;
   }
}

之后就可以实现了：

CanvasRenderingContext2D.prototype.rounded_rect = function(){
 /*whatever*/
};

可以参考this类似的答案...

【讨论】：