InternalError: too much recursion
JavaScript の例外である "too much recursion" または "Maximum call stack size exceeded" は、関数の呼び出しが多すぎる場合や、関数に基礎ケースがない場合に発生します。
メッセージ
js
Error: Out of stack space (Edge)InternalError: too much recursion (Firefox)RangeError: Maximum call stack size exceeded (Chrome)エラーの種類
エラーの原因
自分自身を呼び出す関数は再帰関数と呼ばれます。ある条件を満たすと、関数は自分自身を呼び出すのをやめます。これは基礎ケースと呼ばれます。
いくつかの点で、再帰はループに似ています。両方とも、同じコードを複数回実行し、 (無限ループまたは無限再帰を避けるために) 条件を必要とします。関数の再帰呼び出しが深すぎる場合、または関数が基礎ケースを欠いている場合、 JavaScript はこのエラーを発生します。
例
終了条件に従って、この再帰関数は 10 回実行されます。
js
function loop(x) { if (x >= 10) { // "x >= 10" は終了条件 return; } // 何かを実行 loop(x + 1); // 再帰呼び出し}loop(0);この条件に、非常に大きい値を設定すると動作しません。
js
function loop(x) { if (x >= 1000000000000) return; // 何かを実行 loop(x + 1);}loop(0);// InternalError: too much recursionこの再帰関数は基礎ケースを欠いています。脱出条件がないため、この関数は自分自身を無限に呼び出し続けます。
js
function loop(x) { // The base case is missing loop(x + 1); // 再帰呼び出し}loop(0);// InternalError: too much recursionClass error: too much recursion
js
class Person { constructor() {} set name(name) { this.name = name; // 再帰呼び出し }}const tony = new Person();tony.name = "Tonisha"; // InternalError: too much recursion値がプロパティ name に代入されるとき (this.name = name;) JavaScript はプロパティを設定する必要があります。これが発生すると、セッター関数が呼び出されます。
js
set name(name){ this.name = name; // 再帰呼び出し}メモ:この例では、セッターが呼び出されたとき、同じことを再度行うように指示されます。*つまり、処理しているのと同じプロパティに設定します。*これにより、関数は何度も何度も自分自身を呼び出し、無限に再帰が行われます。
この問題は同じ変数がゲッターに使用される場合にも発生します。
js
get name(){ return this.name; // 再帰呼び出し}この問題を防ぐには、セッター関数の内部で代入しようとしているプロパティが、もともとセッターを起動したものと異なっていることを確認してください。同じことがゲッターにも言えます。
js
class Person { constructor() {} set name(name) { this._name = name; } get name() { return this._name; }}const tony = new Person();tony.name = "Tonisha";console.log(tony);