活字体キャッチされない例外TypeError私はSVGTextElementのための簡単な拡張を作成しようとしていますSVGTextElement

Question

を拡張しながら、ここにある：

interface SVGTextElement { 
    setX(value: string): SVGTextElement; 
    setY(value: string): SVGTextElement; 
} 

SVGTextElement.prototype.setX = (value: string): SVGTextElement => { 
    var el: SVGTextElement = this; 
    el.setAttribute("x", value); 
    return el; 
} 

SVGTextElement.prototype.setY = (value: string): SVGTextElement => { 
    var el: SVGTextElement = this; 
    el.setAttribute("y", value); 
    return el; 
} 

私はこのように、この拡張機能を使用しています：

const e = document.createElementNS("http://www.w3.org/2000/svg", "text"); 
e.setX("0"); 

しかし、私は取得していますエラー：

SvgTextElementExtensions.ts:18 Uncaught TypeError: el.setAttribute is not a function

私は間違っていますか？

Answer 1

ここで太い矢印の構文を使用すると、thisがウィンドウにバインドされ、ウィンドウにはsetAttributeが含まれません。

SVGTextElement.prototype.setX = function (value: string): SVGTextElement { 
    var el: SVGTextElement = this; 
    el.setAttribute("x", value); 
    return el; 
} 

SVGTextElement.prototype.setY = function (value: string): SVGTextElement { 
    var el: SVGTextElement = this; 
    el.setAttribute("y", value); 
    return el; 
}