回答編集履歴

もうちっと正確に？

2017/01/13 09:36

投稿

raccy

スコア21735

test CHANGED Viewed

@@ -22,7 +22,7 @@
-なお、引数をなくす意味ですが、`id`という引数は変数`count`と同じくクロージャーによって内部関数である`countDownStart()`で**使用できます**。わざわざ引数として渡す必要はありません。もし、どうしても引数を付けたい場合は`countDownStart.bind(this, id)`(`this`の部分は今回使用していないので何でもいいです)と[`bind()`](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)を用いて引数が束縛された新たな関数を作る必要があります。
+なお、引数をなくす意味ですが、`id`という引数は変数`count`と同じくクロージャーによって内部関数である`countDownStart()`で**使用できます**。わざわざ引数として渡す必要はありません。もし、どうしても引数を付けたい場合は`countDownStart.bind(this, id)`(`this`の部分は今回使用していないので何でもいいです)と[`bind()`](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)を用いて引数が束縛された新たな関数を作ったり、無名関数で囲って新たな関数にする等の対応が必要になります。

セミコロン

2017/01/13 09:36

投稿

raccy

スコア21735

test CHANGED Viewed

@@ -34,6 +34,6 @@
-1. 実行されるscriptタグは最後(bodyの終了タグ直前)に書くことを推奨します。最後に書くと、jQueryでの`$(funciton{...})`と実質同じ効果が得られます。今回は`setInterval()`によって1000ミリ秒後にしかspanの部分を見に行かないためうまくいきますが、今回のような書き方だと、script内が最初に実行されるときに、spanの部分を**まだブラウザが認識していない**ということに注意してください。
+1. 実行されるscriptタグは最後(bodyの終了タグ直前)に書くことを推奨します。最後に書くと、jQueryでの`$(funciton{...});`と実質同じ効果が得られます。今回は`setInterval()`によって1000ミリ秒後にしかspanの部分を見に行かないためうまくいきますが、今回のような書き方だと、script内が最初に実行されるときに、spanの部分を**まだブラウザが認識していない**ということに注意してください。
 2. function宣言の**巻き上げ**により関数定義が後ろの方にあっても動作しますが、巻き上げの影響を十分理解していなければ、そのような書き方は推奨できません。関数は呼び出される場所よりも前に書くことを推奨します。

仮引数を無くすの意味

2017/01/12 21:52

投稿

raccy

スコア21735

test CHANGED Viewed

@@ -1,4 +1,4 @@
-動作しない理由は、setIntervalの第一引数で、**関数そのもの**を渡しているのでは無く**関数を実行した結果**を渡しているからです。`countDownStart()`関数から仮引数を無くし、`setInterval(countDownStart,1000);`と書けば、動作すると思います。
+動作しない理由は、setIntervalの第一引数で、**関数そのもの**を渡しているのでは無く**関数を実行した結果**を渡しているからです。`countDownStart()`関数の定義から仮引数を無くし(つまり、`funciton countDownStart() {...}`と書くと言うこと)、`setInterval(countDownStart,1000);`と書けば、動作すると思います。

誤字の修正ともうちょっとわかりやすく？

2017/01/12 21:50

投稿

raccy

スコア21735

test CHANGED Viewed

@@ -14,11 +14,11 @@
-もうちょっと詳しく言います。`setInterval(countDownStart(id),1000);`を評価するとき、まず、それぞれの引数を評価します。引数は、`countDownStart(id)`と`1000`です。`countDownStart(id)`の評価では、idを引数に`countDownStart()`を**実行(呼び出)**して、その戻り値であるundefined値に置き換わります。`1000`は数値リテラルですのでその評価結果も1000を表す数値です。よって、引数の評価により、`setInterval(undefined値,1000という数値);`となってから、`setInterval()`が評価されます。第一引数の値はundefined値ですので、1000ミリ秒経っても何もされません。
+もうちょっと詳しく言います。`setInterval(countDownStart(id),1000);`を評価するとき、まず、それぞれの引数を評価します。引数は、`countDownStart(id)`と`1000`です。`countDownStart(id)`の評価では、idを引数に`countDownStart()`を**実行(呼び出)**して、その戻り値であるundefined値に置き換わります。`1000`は数値リテラルですのでその評価結果も1000を表す数値です。よって、引数の評価により、`setInterval(【undefined値】,【1000という数値】);`となってから、`setInterval()`が評価されます。第一引数の値はundefined値ですので、1000ミリ秒経っても何もされません。
-では、`setInterval(countDownStart,1000);`と書いた場合はどうなるかというと、`countDownStart`は関数そのものを指し示す変数ですので、その評価の結果も関数そのものです。つまり、引数の評価後も`setInterval(countDownStartという関数,1000とうい数値);`となります。ですので、1000ミリ秒経つと、第一引数の関数そのものが実行(呼び出)されます。
+では、`setInterval(countDownStart,1000);`と書いた場合はどうなるかというと、`countDownStart`は関数そのものを指し示す変数ですので、その評価の結果も関数そのものです。つまり、引数の評価後も`setInterval(【countDownStartという関数】,【1000という数値】);`となります。ですので、1000ミリ秒経つと、第一引数の関数そのものが実行(呼び出)されます。

理由と、補足

2017/01/12 21:49

投稿

raccy

スコア21735

test CHANGED Viewed

@@ -1,4 +1,4 @@
-setIntervalの第一引数で、**関数そのもの**を渡しているのでは無く**関数を実行した結果**を渡しているからです。`countDownStart()`関数から仮引数を無くし、`setInterval(countDownStart,1000);`と書けば、動作すると思います。
+動作しない理由は、setIntervalの第一引数で、**関数そのもの**を渡しているのでは無く**関数を実行した結果**を渡しているからです。`countDownStart()`関数から仮引数を無くし、`setInterval(countDownStart,1000);`と書けば、動作すると思います。
@@ -23,3 +23,17 @@
 なお、引数をなくす意味ですが、`id`という引数は変数`count`と同じくクロージャーによって内部関数である`countDownStart()`で**使用できます**。わざわざ引数として渡す必要はありません。もし、どうしても引数を付けたい場合は`countDownStart.bind(this, id)`(`this`の部分は今回使用していないので何でもいいです)と[`bind()`](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)を用いて引数が束縛された新たな関数を作る必要があります。
+【補足】
+その他の注意事項を書いておきます。
+1. 実行されるscriptタグは最後(bodyの終了タグ直前)に書くことを推奨します。最後に書くと、jQueryでの`$(funciton{...})`と実質同じ効果が得られます。今回は`setInterval()`によって1000ミリ秒後にしかspanの部分を見に行かないためうまくいきますが、今回のような書き方だと、script内が最初に実行されるときに、spanの部分を**まだブラウザが認識していない**ということに注意してください。
+2. function宣言の**巻き上げ**により関数定義が後ろの方にあっても動作しますが、巻き上げの影響を十分理解していなければ、そのような書き方は推奨できません。関数は呼び出される場所よりも前に書くことを推奨します。