JavaScript

ライブラリー

Javascriptの機能、部品をまとめたもの。

Javascriptライブラリと呼ばれるものは、「AngularJS」、「Node.js」など沢山ある。
ライブラリは沢山読み込むと互いに干渉を起こす。

フレームワーク

ひな形。テンプレート

DOM 【 Document Object Model 】

Webページの内容（文章、画像など）をJavaScript等を使って操作すること。
テキストの書き換えや画像の切り替えなど。
「DOM」のおかげで、JavaScript などのプログラム言語で HTMLを操作できる

コメントの書き方

//（スラッシュ）が2つ並んだ後の文字はすべてコメント

/*と*/の間の文字はすべてコメントになる。複数行になる時はこっちを使う

外部ファイルでの書き方 外部ファイルを参照する場合は HTMLのヘッダーやbodyに下記リンクを挿入する。

<script src="ファイル名.js"></script>

複数の外部ファイルを使いたい場合は、上記のリンクを２つ，３つと並べる

スペース、タブ、改行について スペース、タブ、改行はすべて無視されるので、コードが見やすいようにスペース、タブ、改行をいれる。
逆に、容量を圧縮するために,スペース、タブ、改行を削除することもあります。

文字列

『"』(ダブルクォーテーション)か『'』(シングルクォーテーション)で囲んだものを『文字列』と呼ぶ

文字列とは文字のこと。
他の言語では『"』と『'』で異なったりしますが、JavaScriptでは、『"』か『'』どちらでも同じ。。

数字などは囲まなくてもよいが、文字は囲む。

変数と文字列は+でつなぐ

メソッド

オブジェクトと組み合わせて使うオブジェクトへの命令

オブジェクトとメソッドはドットを挟んで記述します（「ドットシンタックス」と呼びます）。

オブジェクト . メソッド() 

プロパティ

プロパティはオブジェクトの情報を参照したり設定することができます。

ドット演算子(.)を使う方法とブラケット記述法([])があります。

new演算子 オブジェクトを生成する。new演算子で呼び出される関数をコンストラクタとよぶ。

new 関数名（　）

コンストラクタ 他のプログラミングの「クラス」に近い。new演算子を使う。

オブジェクト生成のために使う関数。コンストラクタにする関数の頭文字は大文字にする

インスタンス コンストラクタによって、オブジェクトがインスタンスになる。

this メソッドや関数、コンストラクタを呼び出す

null 値が存在していない状態

イベントハンドラ クリック（onClick）やマウスを乗せる（onMouseOver）など

alert ポップアップ表示。

「文字」はダブルクォーテーション「"」
または、シングルクォーテーション「'」で囲みます。
数字の場合は囲みません。

alert(‘表示する文字’);

console.log

変数宣言

変数を使うときは変数の宣言が必要。変数宣言とは「こんな名前、種類の変数を使用します」 ということ。

varの後に「半角スペース」を一つあけて記載。
var 変数;

var 変数 = 値;

変数を宣言すると同時に値を指定しています。変数に値を指定するには「=」を使います。
これを「代入」といいます。

for文

while文 永久ループになってしまうことがある。

JSON.stringlify()

値をJSONデータにする

JSON.stringify( オブジェクト )

JSON.parse()

JavaScriptで利用できるオブジェクトに変換する