JavaScriptのthisって
Upcoming SlideShare
Loading in...5
×
 

JavaScriptのthisって

on

  • 732 views

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

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

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

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

ありがとうございます!

Statistics

Views

Total Views
732
Views on SlideShare
625
Embed Views
107

Actions

Likes
1
Downloads
13
Comments
0

1 Embed 107

https://twitter.com 107

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

JavaScriptのthisって JavaScriptのthisって Presentation Transcript

  • 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(“tama”);cat1.hello();---- 実行 ----tama13年4月28日日曜日
  • 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日日曜日
  • 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を新しく作って返す様な動きになるみたいですねthis13年4月28日日曜日
  • function Cat( name_){var this = {};・・・省略・・・return this;}var cat1 = new Cat(“tama”);なので外で新しく作ったthisをキャッチして自分専用に使えるようですthis13年4月28日日曜日
  • this13年4月28日日曜日
  • 13年4月28日日曜日
  • 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日日曜日
  • function Hero( likeName_){・・・省略・・・}var dogaemon = new Hero(“nobicho”);var kenshiro = new Hero(“yurippe”);dogaemon.say();kenshiro.say();I like nobichoI like yurippe13年4月28日日曜日
  • dogaemon.say.call( kenshiro );I like yurippe13年4月28日日曜日
  • dogaemon.say.call( kenshiro );13年4月28日日曜日
  • 13年4月28日日曜日
  • 13年4月28日日曜日