for文で関数を呼び出す

Question

var element = 0;
function func(){
    element++
}
for(var i = 0;i < 10 ; i++){
    func()
}
console.log(element);

上記のコードで
グローバル変数で宣言しているので、初期化されず値を持ち続け加算され続けると思いますが、
for文でfunc()に代入されるiがありませんが、なぜこれで１０回関数が呼び出されるのでしょうか?
回答よろしくおねがいします.

Comments

[kei344]

「代入されるiがありません」は、どうなっていれば想定どおりなのでしょうか。

Answer 1

まずはコードの手順を追うことから始めましょう。

var element = 0; // 変数elementを 0 と定義
function func(){ // 実行ごとに変数elementを 1 ずつ加算する関数funcを定義 ...(1)
    element++
}
for(var i = 0;i < 10 ; i++){ // 関数funcを10回行う ...(2)
    func()
}
console.log(element); // コンソールに変数elementを出力

上のコードの (2) で 関数func つまり (1) を 10回行っていますよね

(2) で 関数func を 10回行う
= (2) で 実行ごとに変数elementを 1 ずつ加算する関数funcを 10回行う

まぁこんなところでしょう。

Comments

[mercury8128]

回答ありがとうございます。
for文の中で定義した変数をその後の処理の中の記述で必ず使わなければいけないものと思っておりました。
実行したら理解できました。

Answer 2

for(var i = 0;i < 10 ; i++){
    func()
}

この部分は、for(var i = 0;i < 10 ; i++){...}の...の部分を10回繰り返す構文であることは理解できていますか？
でしたら、func()と1回書いたらfunc()が1回呼び出されるので、それを10回くらい返したら10回呼び出すことになりますね？
func()は代入を必要とする引数が存在しないので、iを代入せずに呼び出すことができます。
よって、このコードでfunc()が10回呼び出されることになるのです。

Comments

[mercury8128]

回答ありがとうございます。
for文の中で定義した変数をその後の処理の中の記述で必ず使わなければいけないものと思っておりました。実行したら理解できました。

Answer 3

なぜ加算されつづけるか:
funcが、引数を渡される渡されないにかかわらず、elementをインクリメントするように実装されているからです。

なぜ10回実行されるか:
for文で、10回繰り返すように実装されているからです。

Comments

[mercury8128]

回答ありがとうございます。

実行したら理解できました。

Answer 4

なぜこれで１０回関数が呼び出されるのでしょうか?

下記コードを実行すれば、分かります。

for(var i = 0;i < 10 ; i++){
  console.log(i);
}

従って、

1. func() が「10回」呼び出される
2. element++ が「10回」実行される

var element = 0;

for(var i = 0;i < 10 ; i++){
    element++
}

console.log(element);

Re: mercury8128 さん

Comments

[mercury8128]

回答ありがとうございます。
１つ目のコードはわかっていましたが、定義したiを、consoleオブジェクトの専用メソッド等の()に必ず使わなければいけないものと思っておりました。
実行したら理解できました。

[think49]

一つ目のコードが分かれば、console.log(i);が10回実行されることが分かります。
func()に置き換えれば、func()が10回実行されることが分かります。
「なぜこれで１０回関数が呼び出されるのでしょうか?」は、これで解決します。

Answer 5

iは１０になるまでカウントするという役目があります。

Comments

[mercury8128]

回答ありがとうございます。

実行したら理解できました。