javascriptのメモ

オブジェクト

1.オブジェクトの元になる設計図を作ります。
設計図の作り方は、関数の定義と同様に
function + オブジェクト名
(オブジェクト名は大文字から始めるのが一般的)

→この設計図のことを コンストラクタ　と呼び、
new演算子を使ってオブジェクトを作るときに呼ばれる

2.設計図に処理（メソッド）を追加していきます。追加方法は、

オブジェクト名.prototype.メソッド名 = 処理内容の関数

---

要素の取得
getElementById (id)
getElement s ByClassName (class:クラスは複数あるので、 Elements)

---

innerHTML　要素内のHTMLを取得設定する。

---

function演算子について（関数）

function +関数 の場合、
他のプログラムの実行より先に実行される。

以下例
1.function関数の処理を先に、上から順に実行していく。
2.それぞれの結果をプログラム頭のvar変数にそれぞれの結果を格納。
3.consoleで出力する

// ------------------------------------------------------------
// 各関数を実行して、結果を得る（グローバルな関数宣言は、関数宣言をプログラムの後方に記述しても動作する）
// ------------------------------------------------------------
var a = MyFunc_A(1,2);
var b = MyFunc_B(6,5);
var c = MyFunc_C(3,4);

// 出力テスト
console.log(a); // 3
console.log(b); // 1
console.log(c); // 12

// ------------------------------------------------------------
// MyFunc_A という名前の関数を宣言する
// ------------------------------------------------------------
function MyFunc_A (argument1 , argument2){
var v = argument1 + argument2;
return v; //結果をMyFunc_Aに返す
}

// ------------------------------------------------------------
// MyFunc_B という名前の関数を宣言する
// ------------------------------------------------------------
function MyFunc_B (argument1 , argument2){
var v = argument1 - argument2;
return v;　//結果をMyFunc_Bに返す
}

// ------------------------------------------------------------
// MyFunc_C という名前の関数を宣言する
// ------------------------------------------------------------
function MyFunc_C (argument1 , argument2){
var v = argument1 * argument2;
return v; //結果をMyFunc_Cに返す
}

---

無名関数について

参考サイト
http://www.ajaxtower.jp/js/function/index5.html

無名関数（関数リテラル、匿名関数とも）
記述方法
function(引数1,引数2...){
//実行する処理
}

配列リテラルやオブジェクトリテラルと同じように変数に代入することができる
var func = function(引数1,引数2...){
//実行する処理
}

---

使い方

関数リテラルは関数を一度定義してその関数を呼び出す場合と違い関数名を付ける必要がありません。例えば一度しか使われないような関数を一つ一つ定義していくと、関数名が他の関数や変数名とかぶっていないかどうかを気にしなくてはなりません。関数リテラルであれば関数名を使用しませんのでその心配が不要となります。
引用元 http://www.ajaxtower.jp/js/function/index5.html

例：
var heikin = (function(x, y){return (x + y) / 2;});

document.write("

");
document.write("平均 = " + heikin(10, 8));
document.write("

");

var num = (function(x, y){if (x < y) return y - x; else return x - y;})(23, 11);

document.write("

");
document.write("差分 = " + num);
document.write("

");

//出力
平均：９
差分：１２