【お勉強メモ】JavaScript 2日目

前回に引き続き、ウェブプログラミングプライマーのお勉強メモを書いていくよー。

wp-p.info

今がGW真っ只中でよかった。普通の休日だったら遊ぶことばかり考えて勉強どころじゃないしな。

1日目の記事の更新途中で寝落ちしちゃったから、やけに動作が遅いぜ。何考えてるんだ俺。

コメントアウトとアラート

  • 1行でコメントを書くには"//"と書く
  • 複数行の場合は
     /*
     コメント
     */
// ( ^ω^)コメント内容ですお
        
/*
( ^ω^)CSSと同じ記法ですお
( ^ω^)サイト制作の愚痴とかAAとか張り付けたりできるお
( ^ω^)自由帳みたいに好きに使えるお
 */
    

お次はalert関数。こいつとconsole.logはこの先笑えるくらい頻出するので要チェック。

あとコピペは非推奨で、可能な限り手打ちで入力したほうがいいみたい。

テキストエディタだとDreamWeaverみたいに要素や属性の候補が出てこないしな。

まあ、関数を頭に焼き付けるまで覚えれば盤石って事なのかもしれないけどね。

  • alert()でアラート関数を記述できる
  • alert関数はメッセージ表示中にスクリプトの処理を中断できる優れもの
  • 今はブラウザの開発ツールを使うconsole.logが主流
  • 行の最後に「;」をつけることを強く推奨。
<script>
alert("( ^ω^)JavaScriptを鈍意練習中ですお");
</script>
    

文字列を表示する場合、必ず""''で括ること!

私も練習中によく忘れるので、改めて念押し。

"( ^ω^)JavaScriptを鈍意練習中ですお'
    

↑こんな感じに"と'を交互に使うのはダメ。必ずどちらかに統一させること。

数字はそのまま出力できる

<script>
alert(2017)
</script>
    

計算(四則演算)するときも、そのまま記述する

<script>
alert(18782+18782)
</script>
37564

値が出力されてればおk

ちなみに数値を""や''で括ると、文字として認識するので、そのまま表示されてしまう。

<script>
alert("18782"+"18782")
</script>
1878218782

文字列同士は加算(足し算)しかできない。それ以外(減算とか)はエラーになる。

以上、次はconsole.logの復讐じゃー