Prototypeベース in JavaScript

1,288 views

Published on

Published in: Technology
  • Be the first to comment

Prototypeベース in JavaScript

  1. 1. プロトタイプベース in JavaScript Dev3 丸山亮(maruyama-r)
  2. 2. JavaScriptおさらいWebブラウザで動く言語サーバサイドで使われることもあるプロトタイプベースである
  3. 3. JavaScriptはプロトタイプベースだ!
  4. 4. プロトタイプベースって?
  5. 5. Wikipedia様から引用プロトタイプベースのオブジェクト指向言語は一般的なオブジェクト指向言語とは対照的に、静的なクラスを持たず、新しいオブジェクトを既存の オブジェクトのクローンから作成する。 http://ja.wikipedia.org/wiki/プロトタイプベース
  6. 6. ???
  7. 7. Stringオブジェクトの拡張文字列の末尾に www をつける機能 こんにちは → こんにちはwww PHPやJavaだと warosu( こんにちは ); JavaScriptなら こんにちは .warosu();
  8. 8. なぜこんなことが できるのか?
  9. 9. なぜできるのか?JavaScriptのオブジェクトはいつでも・どれでも変更可能JavaScriptのオブジェクトは他のオブジェクトを参照している(プロトタイプ)
  10. 10. クラスベースだと、”オブジェクト”とは ことなる静的な”クラス”を参照する Stringの クラスオブジェクト オブジェクト オブジェクトこんにちは さようなら また明日
  11. 11. ここにプロパティ追加すると参照しているオブジェクト全てに反映!! Stringの プロトタイプオブジェクトオブジェクト オブジェクト オブジェクトこんにちは さようなら また明日
  12. 12. Arrayの プロトタイプオブジェクトオブジェクト オブジェクト オブジェクト [1, 2, 3] [-1, 10, 2] [0, 0, 100] 実はここにも追加可能!
  13. 13. 特定の配列を拡張数値配列の中で一番大きな数値を返す[10, 11, -5] → 11
  14. 14. JavaScriptの全体像は?
  15. 15. objectstring number array function boolean
  16. 16. 全てのオブジェクトを拡張すべてのオブジェクトに挨拶をさせるtrue.hello()10.hello()[1, 2, 3].hello()
  17. 17. おわり

×