30
(%#'U'&LN ,^ho_g\ lf b ma 13428日日曜日

JavaScriptのthisって

Embed Size (px)

DESCRIPTION

HTML5+α初心者勉強会 @福岡 第0回 で 発表させて頂いたJavaScriptの資料です。 ご参考になれば幸いです。 下記記事をとっても参考にしています。 “JavaScriptの「this」は「4つ」だけ!“ http://qiita.com/items/9935ce476a17d6258e27 青柳隷書しもフォントを使用させて頂いております。 http://opentype.jp/aoyagireisho.htm ありがとうございます!

Citation preview

Page 1: JavaScriptのthisって

��(���%�#'U'��&LN������,^ho_g\��lf

����� �b��m�a

13年4月28日日曜日

Page 2: JavaScriptのthisって

��(���%�#'�<OE:µ

13年4月28日日曜日

Page 3: JavaScriptのthisって

V6³��<OE³

13年4月28日日曜日

Page 4: JavaScriptのthisって

�°��(���%�#'c�>~|;�8XCIT/

13年4月28日日曜日

Page 5: JavaScriptのthisって

}�V��(���%�#'U'��&SM6N

�dOYXC^7³

13年4月28日日曜日

Page 6: JavaScriptのthisって

��S

13年4月28日日曜日

Page 7: JavaScriptのthisって

��%" �UixlyuO'��&LNYXC^7³

13年4月28日日曜日

Page 8: JavaScriptのthisって

>this

>this.cat_name = “ねこ”;

>console.log( window.cat_name);

YZRUACnD]7E(� �!(ACiG6NQ@H

window

ねこ

13年4月28日日曜日

Page 9: JavaScriptのthisって

M=V²��¬U{O

'��&LNYXC^7³

13年4月28日日曜日

Page 10: JavaScriptのthisって

(� �!(�� �������/�!�0�'�#�"�#$! ���/!#�0�

�& �%�! �%�$%��)��! $!����!��%��$�"�#$! �-�.�%��$�� ������*

%�$%���

F3Q@16ABL(� �!(@F42%��$ACdONI9F4

!#���!�

13年4月28日日曜日

Page 11: JavaScriptのthisって

@U¡�JPYdR2hwyqu��3YI6

'�#�������(� �!(�������%��$����

this����"

13年4月28日日曜日

Page 12: JavaScriptのthisって

�13年4月28日日曜日

Page 13: JavaScriptのthisって

OVR>N�Vixkotgm²��¬U{O

'��&LNYXC^7³

13年4月28日日曜日

Page 14: JavaScriptのthisって

@dEP_>Iµ

13年4月28日日曜日

Page 15: JavaScriptのthisって

ixkotgm²�LN��VZF:C6?Q«Viv,U@POE/

function Cat(){ this.name=”tama”;}var cat = new Cat();

@bO��'frjego;�_bXE

13年4月28日日曜日

Page 16: JavaScriptのthisって

OµRdU S�«RUµ

var cat = { name:”tama” };

+U;¥�D\d

13年4月28日日曜日

Page 17: JavaScriptのthisって

HU±`OE³<Ic`JH2

13年4月28日日曜日

Page 18: JavaScriptのthisって

O['��&;��S�8adOEfunction Cat( name_){ this.name=name_; this.hello=function(){ console.log(this.name); };}window.name=”aaaa”;var cat1 = new Cat(“tama”);cat1.hello();---- 実行 ----

+5Aq7t

tama13年4月28日日曜日

Page 19: JavaScriptのthisって

O['��&;��S�8adOEfunction Cat( name_){ this.name=name_; this.hello=function(){ console.log(this.name); };}window.name=”aaaa”;var cat1 = new Cat(“tama”);cat1.hello();---- 実行 ----

+5Aq7t

tama13年4月28日日曜日

Page 20: JavaScriptのthisって

function Cat( name_){ this.name=name_; this.hello=function(){ console.log(this.name); }; }

T[VXZSWsj�� �(PB;Csjep�>NE

���!��this ����� ������������

13年4月28日日曜日

Page 21: JavaScriptのthisって

function Cat( name_){ this.name=name_; this.hello=function(){ console.log(this.name); }; }

var this={};

return this;

T[VXZSWsj�� �(PB;Csjep�>NE

thisを新しく作って返す様な動きになるみたいですね

���!��this ����� ������������

13年4月28日日曜日

Page 22: JavaScriptのthisって

function Cat( name_){ var this = {}; ・・・省略・・・ return this;}var cat1 = new Cat(“tama”);

T[VXZSWsj�� �(PB;Csjep�>NE

なので外で新しく作ったthisをキャッチして自分専用に使えるようです

���!��this ����� ������������

13年4月28日日曜日

Page 23: JavaScriptのthisって

]`XCI³

ixkotgm²�R

§�J?U'��&;�NXE³

this�������"

13年4月28日日曜日

Page 24: JavaScriptのthisって

'��&c��CI6�µ

13年4月28日日曜日

Page 25: JavaScriptのthisって

@dRiyp;5LN

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日日曜日

Page 26: JavaScriptのthisって

@dRiyp;5LNfunction Hero( likeName_){ ・・・省略・・・}var dogaemon = new Hero(“nobicho”);var kenshiro = new Hero(“yurippe”);dogaemon.say();

kenshiro.say();

I like nobicho

I like yurippe

13年4月28日日曜日

Page 27: JavaScriptのthisって

@bc�©EaP

dogaemon.say.call( kenshiro );

I like yurippe

+5Aq7t

13年4月28日日曜日

Page 28: JavaScriptのthisって

dogaemon.say.call( kenshiro );

�"��� "!U&�)slnpc

��!&��%"PCNM:LK\7

����c�7P'��&c�8bK\7dOET/

13年4月28日日曜日

Page 29: JavaScriptのthisって

@bO£U¢ªV9CX6OE/

}�U¯�V.z®���cW>.68.�¦S¨CXCI/

*��(���%�#'U0'��&1V0´M1J?³*�''#���$��'���" ��'� &�������������� ���

5`;P7AB6XE/

13年4月28日日曜日

Page 30: JavaScriptのthisって

8=K6

13年4月28日日曜日