Successfully reported this slideshow.
13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
>this>this.cat_name = “ねこ”;>console.log( window.cat_name);windowねこ13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
this13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
function Cat(){this.name=”tama”;}var cat = new Cat();13年4月28日日曜日
var cat = { name:”tama” };13年4月28日日曜日
13年4月28日日曜日
function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}window.name=”aaaa”;var cat1 = new Cat...
function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}window.name=”aaaa”;var cat1 = new Cat...
function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}this13年4月28日日曜日
function Cat( name_){this.name=name_;this.hello=function(){console.log(this.name);};}var this={};return this;thisを新しく作って返す...
function Cat( name_){var this = {};・・・省略・・・return this;}var cat1 = new Cat(“tama”);なので外で新しく作ったthisをキャッチして自分専用に使えるようですthis1...
this13年4月28日日曜日
13年4月28日日曜日
function Hero( likeName_){this.likeName=likeName_;this.say=function(){console.log(“I like”+this.likeName);};}var dogaemon ...
function Hero( likeName_){・・・省略・・・}var dogaemon = new Hero(“nobicho”);var kenshiro = new Hero(“yurippe”);dogaemon.say();ke...
dogaemon.say.call( kenshiro );I like yurippe13年4月28日日曜日
dogaemon.say.call( kenshiro );13年4月28日日曜日
13年4月28日日曜日
13年4月28日日曜日
Upcoming SlideShare
Loading in …5
×

JavaScriptのthisって

817 views

Published on

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

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

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

ありがとうございます!

  • Be the first to comment

JavaScriptのthisって

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

×