initial commit

1 files changed, 119 insertions, 0 deletions

diff --git a/files/ja/web/javascript/reference/errors/too_much_recursion/index.html b/files/ja/web/javascript/reference/errors/too_much_recursion/index.html
new file mode 100644
index 0000000000..d58ea41eb0
--- /dev/null
+++ b/files/ja/web/javascript/reference/errors/too_much_recursion/index.html
@@ -0,0 +1,119 @@
+---
+title: 'InternalError: too much recursion'
+slug: Web/JavaScript/Reference/Errors/Too_much_recursion
+tags:
+  - Error
+  - Errors
+  - InternalError
+  - JavaScript
+translation_of: Web/JavaScript/Reference/Errors/Too_much_recursion
+---
+<div>{{jsSidebar("Errors")}}</div>
+
+<h2 id="Message" name="Message">メッセージ</h2>
+
+<pre class="syntaxbox">Error: Out of stack space (Edge)
+InternalError: too much recursion (Firefox)
+RangeError: Maximum call stack size exceeded (Chrome)
+</pre>
+
+<h2 id="Error_Type" name="Error_Type">エラーの種類</h2>
+
+<p>{{jsxref("InternalError")}}。</p>
+
+<h2 id="What_went_wrong" name="What_went_wrong">エラーの原因</h2>
+
+<p>自分自身を呼び出す関数は<em>再帰関数</em>と呼ばれます。ある条件を満たすと、関数は自分自身を呼び出すのをやめます。これは<em>基礎ケース</em>と呼ばれます。</p>
+
+<p>いくつかの点で、再帰はループに似ています。両方とも、同じコードを複数回実行し、 (無限ループまたは無限再帰を避けるために) 条件を必要とします。<span class="seoSummary">関数の再帰呼び出しが深すぎる場合、または関数が基礎ケースを欠いている場合、 JavaScript はこのエラーを発生します。</span></p>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>終了条件に従って、この再帰関数は 10 回実行されます。</p>
+
+<pre class="brush: js">function loop(x) {
+  if (x &gt;= 10) // "x &gt;= 10" は終了条件
+    return;
+  // 何かを実行
+  loop(x + 1); // 再帰呼び出し
+}
+loop(0);</pre>
+
+<p>この条件に、非常に大きい値を設定すると動作しません。</p>
+
+<pre class="brush: js example-bad">function loop(x) {
+  if (x &gt;= 1000000000000)
+    return;
+  // 何かを実行
+  loop(x + 1);
+}
+loop(0);
+
+// InternalError: too much recursion</pre>
+
+<p>この再帰関数は基礎ケースを欠いています。脱出条件がないため、この関数は自分自身を無限に呼び出し続けます。</p>
+
+<pre class="brush: js example-bad">function loop(x) {
+ // The base case is missing
+
+loop(x + 1); // 再帰呼び出し
+}
+
+loop(0);
+
+// InternalError: too much recursion</pre>
+
+<h3 id="Class_error_too_much_recursion" name="Class_error_too_much_recursion">Class error: too much recursion</h3>
+
+<pre class="brush: js example-bad">class Person{
+	constructor(){}
+	set name(name){
+		this.name = name; // 再帰呼び出し
+	}
+}
+
+
+const tony = new Person();
+tony.name = "Tonisha"; // InternalError: too much recursion
+</pre>
+
+<p>値がプロパティ name に代入されるとき (this.name = name;) JavaScript はプロパティを設定する必要があります。これが発生すると、セッター関数が呼び出されます。</p>
+
+<pre class="brush: js example-bad">set name(name){
+	this.name = name; // 再帰呼び出し
+}
+</pre>
+
+<div class="note">
+<p>この例では、セッターが呼び出されたとき、同じことを再度行うように指示されます。<em>つまり、処理しているのと同じプロパティに設定します。</em>これにより、関数は何度も何度も自分自身を呼び出し、無限に再帰が行われます。</p>
+</div>
+
+<p>この問題は同じ変数がゲッターに使用される場合にも発生します。</p>
+
+<pre class="brush: js example-bad">get name(){
+	return this.name; // 再帰呼び出し
+}
+</pre>
+
+<p>この問題を防ぐには、セッター関数の内部で代入しようとしているプロパティが、もともとセッターを起動したものと異なっていることを確認してください。同じことがゲッターにも言えます。</p>
+
+<pre class="brush: 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);
+</pre>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{Glossary("Recursion", "再帰")}}</li>
+ <li><a href="/ja/docs/Web/JavaScript/Guide/Functions#Recursion">再帰関数</a></li>
+</ul>