JavaScript事始め

前提

• JavaScript(JSと略記する）は、大別すると２つの動作場面があり、
  1. クライアントサイドJS（ブラウザの中で動作）
  2. サーバサイドJS

  使い方や動作に違いがあることがある。

• 本ページでは主にサーバサイドJS（の代表格として node.js処理系）を前提とした解説をする

• JavaScriptはサードパーティによる貢献を取り込む形で発展してきた言語。具体的な形としては、以下の２つ。
  1. ライブラリ
     • （node.jsでは）npm で管理するのが標準。（npm以外のパッケージマネージャもある）
     • プログラムの中からは（rubyと同様に）require して使う（実例を参照されたし）。
     • ネットワーク機能を便利に使うためのライブラリは本稿で紹介する。
     • プログラムをスマートに書くためのライブラリとして underscore.js、lodash.js などがあるが、本稿ではネイティブの機能を主に使うことにしておく。
  2. トランスパイラ言語
     • 別言語で記述したものをJavaScriptに変換して実行させる、という仕組みの言語。
     • CoffeeScript、TypeScript などが知られている。
     • この解説では必要に応じて少し言及するが深入りはしないことにしておく。

動かし方

• インストール

  	cinst nodejs -y
  

• REPLの

  1. 起動

     node
     

  2. 終了

     .exit
     

  3. 複数行入力：

     左括弧の類のものがまだ閉じられていなかったり、 カンマ、ピリオド、２項演算子など、 右側に何かが書かれることが想定されている文法要素が 行の最後に置かれていたりすると、 式（文）はまだ継続しているとみなされるので、 複数行の入力ができる。 * それに加えて、node.jsでは .edit というサブコマンドで 編集モードに入ることができる。

  4. ヘルプ

      .help
     

  5. 履歴と、直前の値

     • 多くのREPLと同様に、矢印キー等で前に入力した式を再利用することができる。
     • その際、Ctrl-P, Ctrl-N, Ctrl-A などのキー（Emacsエディターを通じて普及したキー割り当て）も使える。
     • node.jsでは、一つ前に評価して得られた値を、変数 _ で引用できる。
• 注（ブラウザのコンソールでも同様のことができる。ただし使える機能に制限はある。）
  • . から始まる補助機能（.editなど）はブラウザにはない。
  • クライアントJavaScriptのライブラリも多数用意されているが、requireとは別の仕組み（HTMLのscript タグ） で読み込んで使う。

• ライブラリのインストール

      npm install ライブラリ名 [-g]
  

  • 組み込んだライブラリは、require して使うことが多い。

• ソースファイルの実行

  node ファイル名.js

資料

• 入門
  • ビギナーブック
  • おすすめのサイト5選
• 言語について
  • node.jsのドキュメント
  • JavaScriptのドキュメント
• REPLについて
  • REPLのマニュアル（英語）
  • 日本語でのガイド

文法の概要

（Rubyを軸にして大きく違う点を中心に解説する）

• コメント：

  // これはコメント
  /*
      これは複数行にまたがるコメント
  */
  

• 関数

  • 名前のついた関数を定義する方法は

      function abc() {  // この例では引数なしの関数
        /* ここに何か動作を（必要ならば）書く */
        return 100    // 値を返す関数ならば return 文が必要
      }
    

  • こうして名前をつけておけば、関数を引数として受け取る関数 （JavaScriptではよくある局面）に関数名を引数で与えることができる。

        setTimeout(abc,1000)
    

    • この呼び出し自体はすぐに終了するが、１秒（1000ミリ秒）後に関数 abc が呼び出される。

  • 事前に名前をつけて定義しておくのでなく、 引数として無名関数を（その場で無名関数を定義して） 渡すという方法もある（以下の２つの書き方がある）。

        setTimeout(function(){
          // 1秒後に行うべき処理をここに書く
        },1000)     // functionキーワードによる無名関数
            
        setTImeout(()=>{
          // 1秒後に行うべき処理をここに書く
        },1000)     // ダブルアローを使った記法
    

• NULL値と論理値

  • JavaScriptで NULL値として扱われる値として、

      undefined // 値を返さない関数の値 など
      NaN       // Not A Number 数値計算の失敗時に発生
      null
    

    の３つがある。 * 前２者は、システムが返してくるものと考えて、 プログラマが自ら生成する必要はない。 * 詳しくはQiitaの記事「null と undefined の違い」なども参照されたい。

  • 論理値としては true と falseがあるが、 他の型の値も制御構造の中では論理値として解釈させることができる。

  • その際、false として扱われるものを確認しておこう。

      // 数値
      ! 0       // （整数）=> true
      ! -0      // =>true（正の0と負の0は区別される）
      ! 0.0     // （実数）=> true
      ! ""      // （空文字列）=> true
      ! false   // （これは当然）=> true
      // 前述の NaN, undefined, null も同様