JavaScriptのthisって

  • 407 views
Uploaded on

HTML5+α初心者勉強会 @福岡 第0回 …

HTML5+α初心者勉強会 @福岡 第0回 で
発表させて頂いたJavaScriptの資料です。
ご参考になれば幸いです。

下記記事をとっても参考にしています。
“JavaScriptの「this」は「4つ」だけ!“
http://qiita.com/items/9935ce476a17d6258e27

青柳隷書しもフォントを使用させて頂いております。
http://opentype.jp/aoyagireisho.htm

ありがとうございます!

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
407
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
13
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 13年4月28日日曜日
  • 2. 13年4月28日日曜日
  • 3. 13年4月28日日曜日
  • 4. 13年4月28日日曜日
  • 5. 13年4月28日日曜日
  • 6. 13年4月28日日曜日
  • 7. 13年4月28日日曜日
  • 8. >this>this.cat_name = “ねこ”;>console.log( window.cat_name);windowねこ13年4月28日日曜日
  • 9. 13年4月28日日曜日
  • 10. 13年4月28日日曜日
  • 11. this13年4月28日日曜日
  • 12. 13年4月28日日曜日
  • 13. 13年4月28日日曜日
  • 14. 13年4月28日日曜日
  • 15. function Cat(){this.name=”tama”;}var cat = new Cat();13年4月28日日曜日
  • 16. var cat = { name:”tama” };13年4月28日日曜日
  • 17. 13年4月28日日曜日
  • 18. function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}window.name=”aaaa”;var cat1 = new Cat(“tama”);cat1.hello();---- 実行 ----tama13年4月28日日曜日
  • 19. function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}window.name=”aaaa”;var cat1 = new Cat(“tama”);cat1.hello();---- 実行 ----tama13年4月28日日曜日
  • 20. function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}this13年4月28日日曜日
  • 21. function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}var this={};return this;thisを新しく作って返す様な動きになるみたいですねthis13年4月28日日曜日
  • 22. function Cat( name_){var this = {};・・・省略・・・return this;}var cat1 = new Cat(“tama”);なので外で新しく作ったthisをキャッチして自分専用に使えるようですthis13年4月28日日曜日
  • 23. this13年4月28日日曜日
  • 24. 13年4月28日日曜日
  • 25. function Hero( likeName_){this.likeName=likeName_;this.say=function(){console.log(“I like”+this.likeName);};}var dogaemon = new Hero(“nobicho”);dogaemon.say();---- 実行 ----I like nobicho13年4月28日日曜日
  • 26. function Hero( likeName_){・・・省略・・・}var dogaemon = new Hero(“nobicho”);var kenshiro = new Hero(“yurippe”);dogaemon.say();kenshiro.say();I like nobichoI like yurippe13年4月28日日曜日
  • 27. dogaemon.say.call( kenshiro );I like yurippe13年4月28日日曜日
  • 28. dogaemon.say.call( kenshiro );13年4月28日日曜日
  • 29. 13年4月28日日曜日
  • 30. 13年4月28日日曜日