Similar to Javascript3

More from Kiminari Homma

Javascript3

• 1.
  JavaScript　オブジェクト指向@cev_cs
• 2.
  本日の予定前回の確認基本用語解説 クラスベースとプロトタイプベース オブジェクトの定義 JSON と JSONP
• 3.
  前回の確認関数も「オブジェクト」である JavaScript の大きな特徴の１つオブジェクトは全て連想配列 から出来ている連想配列とはキーと要素の集合配列名[‘キー’]　＝　配列名.キー
• 4.
  用語の確認
• 5.
  クラスベースとプロトタイプベース今まで習ってきた言語: クラスベースプロトタイプ->　あるオブジェクトの元となるオブジェクト 　より縛りの弱いクラスのようなもの
• 6.
  プロトタイプベースの利点・欠点利点メモリ使用量が小さくなる欠点クラスが存在しない->JSが遅い原因の一つ最初はややこしい縛りの弱いクラスのようなものである「プロトタイプ」を 便宜的に「クラス」と書かせて頂きます。
• 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 withpadding)callback 関数を定義引数に JSON を指定して callback を実行クロスドメイン制約通常は外部のソースにアクセスできない
• 15.
  まとめJavaScript はプロトタイプベースprototype によってメモリ節約 JSON はオブジェクトの受け渡しJSONP で外部のデータを読み込める
• 16.
  終わりに文法はこれにて終了です。 次週からいよいよブラウザを用いた内容となります。 参加型の内容を考え中です！
• 17.
  参考文献JavaScript マスターブック　山田祥寛(著)JavaScriptのイロハhttp://builder.japan.zdnet.com/sp/javascript-kickstart-2007/?p=1