あるサイトの文章です。
以下のプレビュー画面の太文字になぜなるのかわかりません。
cとd、どちらも、1になるように考えてしまします。
さらにかみ砕いて教えてくださると助かります。
var a = 0, b = 0, c, d;
c = ++a;
d = b++;
console.log(a); // これは1です。
console.log(b); // これは1です。
console.log(c); // これは1です。
console.log(d); // これは0です。
最初に変数『a』,『b』に『0』を代入して前置と後置のインクリメントを行います。そのあと変数『c』,『d』にその値を代入していますね。
さて変数『a』,『b』は『1』となるのですが、問題は変数『c』,『d』です。もう答えがコメントアウトで書いてありますが変数『c』は『1』、変数『d』は『0』となります。
なぜこんな事になるのかというと後置でインクリメントを行った場合はまず最初に値を返し、その後に『1』が加算されるという結果になるからだったりします。
この場合ですと先に変数『b』の値が変数『d』に代入され、その後に変数『b』に『1』が加算されるという感じです。
これらは以下のように記述したことと同じです。
var a = 0, b = 0, c, d;
// これは **c = ++a;**のパターン
a = a + 1;
c = a;
// これは**d = b++;**のパターン
d = b;
b = b + 1;
console.log(a); // これは1です。
console.log(b); // これは1です。
console.log(c); // これは1です。
console.log(d); // これは0です。
後置タイプのインクリメントでは値を返した後に『1』が加算、というわけでアラート関数などでも加算される前の値でアラートダイアログが実行されたりします。アラート関数が返された値を受け取りアラートダイアログを表示し、その後に『1』が加算される流れです。