TypeError: X.prototype.y called on incompatible type
JavaScript の例外 "called on incompatible target (or object)" は、関数が (与えられたオブジェクト上で) 呼び出されたときに、関数が期待する型に対応していないthis を使用して呼び出された場合に発生します。
エラーメッセージ
js
TypeError: 'this' is not a Set object (Edge)TypeError: Function.prototype.toString called on incompatible object (Firefox)TypeError: Function.prototype.bind called on incompatible target (Firefox)TypeError: Method Set.prototype.add called on incompatible receiver undefined (Chrome)TypeError: Bind must be called on a function (Chrome)エラーの種類
エラーの原因
このエラーが発生する場合、(指定されたオブジェクト上の) 関数が、関数が予期する型に対応していないthis と共に呼び出されています。
この問題はFunction.prototype.call() メソッドかFunction.prototype.apply() メソッドを使用して、予期していない型のthis 引数を渡した場合に発生します。
この問題は、オブジェクトのプロパティとして格納されている関数を他の関数の引数として提供する場合にも発生します。この場合、関数を格納しているオブジェクトは、他の関数から呼び出されたときに、その関数のthis のターゲットにはなりません。この問題を回避するには、呼び出しを行っているラムダを提供するか、Function.prototype.bind() 関数を使用してthis 引数を期待されるオブジェクトに強制的に渡す必要があります。
例
無効な場合
js
var mySet = new Set();["bar", "baz"].forEach(mySet.add);// mySet.add is a function, but "mySet" is not captured as this.var myFun = function () { console.log(this);};["bar", "baz"].forEach(myFun.bind);// myFun.bind is a function, but "myFun" is not captured as this.妥当な場合
js
var mySet = new Set();["bar", "baz"].forEach(mySet.add.bind(mySet));// This works due to binding "mySet" as this.var myFun = function () { console.log(this);};["bar", "baz"].forEach((x) => myFun.bind(x));// This works using the "bind" function. It creates a lambda forwarding the argument.