← 返回首页
InternalError: too much recursion - JavaScript | MDN

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

InternalError: too much recursion

JavaScript の例外である "too much recursion" または "Maximum call stack size exceeded" は、関数の呼び出しが多すぎる場合や、関数に基礎ケースがない場合に発生します。

In this article

エラーメッセージ

RangeError: Maximum call stack size exceeded (Chrome) InternalError: too much recursion (Firefox) RangeError: Maximum call stack size exceeded. (Safari)

エラー型

InternalError (Firefox) または RangeError (Chrome と Safari)

エラーの原因

自分自身を呼び出す関数は再帰関数と呼ばれます。ある条件を満たすと、関数は自分自身を呼び出すのをやめます。これは基礎ケースと呼ばれます。

いくつかの点で、再帰はループに似ています。両方とも、同じコードを複数回実行し、 (無限ループまたは無限再帰を避けるために) 条件を必要とします。 関数の再帰呼び出しが深すぎる場合、または関数が基礎ケースを欠いている場合、 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) { // 基礎ケースを欠いている loop(x + 1); // 再帰呼び出し } loop(0); // InternalError: too much recursion

Class 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
class Person { 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);

関連情報