1. JavaScript オブジェクト指向 @cev_cs

2. 本日の予定 前回の確認 基本用語解説 クラスベースとプロトタイプベース オブジェクトの定義 JSON と JSONP

3. 前回の確認 関数も「オブジェクト」である JavaScript の大きな特徴の１つ オブジェクトは全て連想配列 から出来ている 連想配列とはキーと要素の集合 配列名[‘キー’] ＝ 配列名.キー

4. 用語の確認

5. クラスベースとプロトタイプベース 今まで習ってきた言語: クラスベース プロトタイプ -> あるオブジェクトの元となるオブジェクト より縛りの弱いクラスのようなもの

7. オブジェクトの定義 最もシンプルな定義方法 var Member = function() {} ; //コンストラクタ var mem = new Member(); //インスタンス生成 mem.name = 'agu_it_study'; mem.myfunc = function(){ .... }; ※ インスタンスには動的にメソッドを追加可能 mem はMember オブジェクト 補足資料 -> http://bit.ly/9IIWNf

8. オブジェクトの定義 コンストラクタに中身を挿入 var Member = function (name){ this.name = name; this.printName = function (){ document.write(this.name); }; }; thisは生成されたインスタンスを指す

9. コンストラクタの問題点 メソッドの数に比例して余分にメモリを消費する

10. prototype プロパティ 関数は元のクラスを参照するようにする

11. コードで書くと var Member = function (name){ this.name = name; }; Member.prototype.printName = function (){ document.write(this.name); }; var mem1 = new Member ('Homma'); var mem2 = new Member ('Matsue'); 実行サンプル http://jsdo.it/cev/huKj

12. JSON(JavaScript Object Notation) オブジェクト表記方法を そのまま通信データの形式に用いる手法 サーバ側にあるデータをJavaScriptだけで利用できる -> マッシュアップ

13. JSON(JavaScript Object Notation) サーバから以下の「文字列」が返ってくる { ‘age’ : 21, ‘department’ : ‘Information Technology’ } まさに前回行った「オブジェクト （連想配列） 」！

14. JSONP (JSON with padding) callback 関数を定義 引数に JSON を指定して callback を実行 クロスドメイン制約 通常は外部のソースにアクセスできない

15. まとめ JavaScript はプロトタイプベース prototype によってメモリ節約 JSON はオブジェクトの受け渡し JSONP で外部のデータを読み込める

16. 終わりに 文法はこれにて終了です。 次週からいよいよ ブラウザを用いた内容となります。 参加型の内容を考え中です！

17. 参考文献 JavaScript マスターブック 山田祥寛(著) JavaScriptのイロハ http://builder.japan.zdnet.com/sp/javascript-kickstart-2007/?p=1