Home
- 2009年1 月13日（火）
-
「shimazaki」
- JavaScripts/Ajax
トラックバックURL：
shimazakiです。こんにちは！
最近ようやくJavaScriptが理解できてきました。
そこで、自分がなんちゃってからそこそこになるまでに理解した5つ＋αのことを紹介したいと思います。
1.変数と関数が同じものであると理解する
- JavaScriptは関数も変数に格納されています。
JavaScript:
var hoge = alert;
hoge("hogehoge");
hoge("hogehoge");
2.連想配列とオブジェクトが同じものであると理解する
- JavaScriptは連想配列とオブジェクトは同じものです
JavaScript:
alert( location.href );
alert( location["href"] );
alert( location["href"] );
3.関数がクラス（オブジェクト）になるということを理解する
- JavaScriptは関数に対してnewをつけるとその関数のインスタンスになります。
JavaScript:
function hoge(){}
foo = new hoge();
foo = new hoge();
4.リテラルを理解する
- 配列リテラル[]
- 関数リテラル function()
- オブジェクトリテラル{}
- JavaScriptはnewしなくとも配列やオブジェクトが生成できます。
JavaScript:
var arr = ["aaa","bbb","ccc"];
JavaScript:
var func = function(){
//処理
};
//処理
};
JavaScript:
var arr = {
aaa:"xxx"//文字列
,bbb:["y","yy","yyy"]//オブジェクトの要素として配列を定義（配列もリテラル）
,ccc:function(){}//オブジェクトの要素として関数を定義（関数もリテラル）
};
aaa:"xxx"//文字列
,bbb:["y","yy","yyy"]//オブジェクトの要素として配列を定義（配列もリテラル）
,ccc:function(){}//オブジェクトの要素として関数を定義（関数もリテラル）
};
5.prototypeという概念（JavaScript的オブジェクト指向）を理解する
- JavaScriptにはextendがありませんが、prototypeを使用することで値の引継ぎができるようになります。
JavaScript:
function hoge(){}
hoge.prototype.foo = "bar";
var obj = new hoge();
alert( obj.foo );// bar
hoge.prototype.foo = "bar";
var obj = new hoge();
alert( obj.foo );// bar
＋α.DOMを理解する
- DOMを理解するとHTML（XML）コンテンツを自由自在に操作・表現することが出来るようになります。
DOMを理解するためのいくつかの条件はまたいずれ、自分が理解できた時に紹介させていただこうと思います。
Let's JavaScript！
- Newer: Unionを使わない複数集計
- Older: JavaScript勉強中#1
