JavaScriptのthisもこれで完璧！呼び出し方で変わる5つのパターン - Qiita

2024/11/09 96 users Qiita パターン 呼び出し方 JavaScript 5つ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 続きを読む

JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita

2024/02/21 264 users Qiita script src height width

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.... 続きを読む

永久機関を実現してしまったような置物の仕組みとは？

2023/09/18 131 users 置物 永久機関 エネルギー 実現 現実世界

外からエネルギーを加えなくとも仕事を続ける「永久機関」は現実世界では実現不可能です。しかし、インターネット上ではまるで永久機関を実現したかのように見える置物が販売されています。この「永久機関を実現したような置物」を科学系YouTuberのスティーブ・モールド氏が入手して仕組みを解説しています。 This "perp... 続きを読む

IFTTTにGoogle App Scriptを混ぜたらヤバい化学反応が起こった件[IFTTT][Google Apps Script][GAS] - もぐてっく

2018/08/02 1233 users ifttt GAS then Evernote Twitter

はじめに 2010年12月に彗星のごとく現れたWebサービス同士のマッシュアップサービスIFTTT。 「if (this) then (that)」と言うシンプル極まる構文で手軽にWebサービスが連携出来るのが特徴です。 IFTTTは様々なWebサービスをサポートしており、ちょっと挙げるだけでもTwitter、Evernote、Google Drive、Skypeなど。 有名... 続きを読む

ECMAScript 2015以降のJavaScriptの`this`を理解する | Web Scratch

2018/01/04 608 users js-primer Web scratch 挙動 ベース 時点

この記事はJavaScriptの入門書として書いている js-primer の this に関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所に js-primer 版のか this についての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては js-p... 続きを読む

thisを書く派？書かない派？ - Qiita

2017/10/13 203 users Qiita Java オブジェクト指向言語 制約 前提

あすかです。 プログラミングしてる時、たまに気になる話を雑めに書いてみます。 (´・ω・｀) C#、VBやJavaなど、クラスベースのオブジェクト指向言語を前提にした話ですが、this（Me）を書いているプログラム、そうでないプログラムをよく見かけます。 例えば、thisを書くのは このような場面ではthisを書きます。文法上の制約ですから当たり前です。 今回は、このようなものではなく、thisを... 続きを読む

JavaScript - (0, eval)('this')とは何なのか - Qiita

2015/07/02 195 users eval Qiita グローバルスコープ Call 引数

この(0,eval)('this')はいったい何なのか。調べた。 調べた結果 これはindirect eval callを使用した、どのスコープでも必ずグローバルオブジェクトのthisを取得するためのテクニックであった。 ES5ではevalを直接呼び出すと、引数のコードはそのスコープで実行されるが、間接的にevalを呼び出すと、引数のコードは必ずグローバルスコープとなるそうだ。なので引数のthis... 続きを読む

It と That, Thisの違い、ポイントはハッキリ度 | 初心者英会話ステーション

2015/05/01 298 users That

I want it! I want that! I want this!のように、現地の人々はitとthat, thisをどう使い分けているのか？これには３つのポイントが関係してます。 続きを読む

JavaScript におけるクラス定義の実現方法 (Google流)

2014/12/17 924 users クラス定義 Google流 JavaScript 実現方法

他のメジャーなオブジェクト指向プログラミング言語と異なり JavaScript には「クラス」が存在しません。 代わりに C++, Java などにはない prototype や C++, Java のとは全く異なる new 演算子や this が用意されています。 これらの機能はどれもかなり奇妙な仕様をしています。 そのため、それぞれの機能の仕様を1つ1つ勉強しても一体全体何のためにそんな機能が... 続きを読む

4月1日生まれも「早生まれ」になる理由 - huffingtonpost.jp

2014/04/01 290 users huffingtonpost.jp 理由 JST Tokyo

4月1日生まれも「早生まれ」になる理由 The Huffington Post |  投稿日: 2014年04月01日 10時21分 JST  |  更新: 2014年04月01日 10時21分 JST TOKYO, JAPAN - MARCH 29: A close-up of some cherry blossom on March 29, 2014 in Tokyo, Japan. This... 続きを読む

JavaSE8リリース記念！マイナーな言語仕様を紹介してみる(交差型キャスト，レシーバパラメータ(仮引数にthis)) - bitter_foxの日記

2014/03/19 52 users bitter_fox Project Lambda 仮引数

さて，本日未明JavaSE8がリリースされましたね！アメリカ時間では18日でしたが，日本では19日になってました． 無事リリースされたのでJavaSE8で導入されたマイナーな言語仕様を2つ紹介してみたいと思います． メジャーな言語仕様は誰かが紹介してくれると思うので・・・ 交差型キャストレシーバパラメータ(仮引数にthis) 交差型キャスト一つ目はProject Lambdaで導入された交差型キャ... 続きを読む

`that = this` について思ったこと ::ハブろぐ

2013/10/17 63 users That ini self ハブろぐ 理性

thatに思いを馳せる JavaScriptにおいて that = this とか self = this なパターンを頻繁に使うと、作業者の理性が保証されない場合に下記に示す2点の問題が起こりう得ると思っている。 「あー、どうなのかなー、うーん」と思いながら書いてみる。 1.メソッド分割が適切におこなわれない雰囲気 ちょっと極端かも知れないが、Backboneっぽいコードを例にしてみる。 ini... 続きを読む

あなたの脳がカフェイン中毒になる仕組みと禁断症状 - GIGAZINE

2013/08/13 191 users カフェイン ドラッグ 一種 GIGAZINE 一体

By Flavio Serafini 起床時や仕事中にコーヒーを1杯飲んで気分転換することを習慣づけている人がいますが、コーヒーに含まれているカフェインは中毒性のあるドラッグの一種であり、毎日摂取していて突然やめると禁断症状が起こることもあります。では、一体どうやって人間の脳がカフェイン中毒になっていくのか、その仕組みをJoseph Strombergさんが自身のブログで公開しています。 This... 続きを読む

JavaScript - じゃあ this の抜き打ちテストやるぞー - Qiita [キータ]

2013/07/22 283 users 抜き打ち 得点 ひと キータ 授業

JavaScriptのthisの覚え方 や JavaScriptの「this」は「４つ」だけ！の授業でやったから、this はみんなばっちりだよな(まだ読んでないひとは、先にそっちを読んどいて)。じゃあ今から抜き打ちテストするぞー。赤点とった奴は、今日の放課後補習だからなー。 得点 評価 続きを読む

java - Why does this code print "hello world"? - Stack Overflow

2013/03/06 115 users Java System.out.println print

I came across this piece of code, and found it rather interesting. The following print statement would print "hello world". Could anyone explain this? System.out.println(randomString(-229985452) + " "... 続きを読む

JavaScriptのthis - Write and Run

2013/02/01 78 users チキショー Write and Run レシーバ 燃料 複数

2013-02-01 JavaScriptのthis どれがこれであれがどれだ。なんか JavaScript の this について揉めてるらしいので燃料投下することにした。これで何度目だよチキショー。早いとこ学習しやがれ。 this は4種類もない this は1つだ。「this はレシーバを指す」 これだけだ。 レシーバの指し方が複数ある 複数あるのはこっちだ。覚えておけ。 receiver.... 続きを読む

JavaScriptのthisの覚え方 #JavaScript - Qiita

2013/01/31 652 users window Qiita ソースコード コード 覚え方

JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 JavaScriptにはthisが4種類ある これだけをしっかり覚えておけば、後は必要な時に 4種類って何があるんだっけ？ と考えれば容易に思い出せる。 ちなみに、下記のコードはブラウザ上で実行することを想定している。(なのでwindowを使う) トップレベル... 続きを読む

JavaScriptの”this”をめぐる冒険 |

2011/06/21 138 users 文中 冒険 変数 JavaScript 考慮

JavaScriptの"this"って難しいですよね。理解しないまま使ってると、思わぬところでグローバルオブジェクトを指していたり、そもそもvarでプライベートな変数にすべきところにもthisを使っていたり…。私もthisには散々悩まされてきたので、そろそろ完璧に理解しようと思い、以下の記事をまとめてみました。間違いを見つけたら指摘して頂けるとありがたいです。なお、文中の引用文章は読みやすさを考慮... 続きを読む

require('events').EventEmitter.call(this) の意味 - Block Rockin’ Codes

2011/06/21 66 users Codes util events require コード

node.js, EventEmitterNode の ML に以下のような質問が投稿されました。What is the meaning of require(’events’).EventEmitter.call(this)内容としては。 「以下のようなコードがあったんだけど、これってどういう意味？」 var util = require("util"); var events = requir... 続きを読む

普通の業務系Java PGでなくても一度はハマる？JavaScriptのthisの奇妙な振る舞い - 達人プログラマーを目指して

2011/04/26 54 users 達人プログラマー Java プログラマー プログラミング 勉強

プログラミングの勉強, JavaScript, プログラミング言語先日書いた普通の業務系PGには意外と知られていないJavaとJavaScriptの相違点10選 - 達人プログラマーを目指してでは、これからJavaScriptを本格的に勉強する層のプログラマーの人を対象に、JavaとJavaScriptの違いを理解する上で重要な１０個のポイントについて説明しました。いただいたコメントの中には、Ja... 続きを読む

404 Blog Not Found:$(DHTMLcoders).read(this) || throw your.job - 書評 - jQueryクックブック

2010/08/18 242 users READ 書評 404 Blog Not Found

これでなくなった。 jQueryを使わない理由が。 DHTMLを利用する全ての人、必携。 特にHTMLやCSSを書いても、JavaScriptはそれほど書かない人。これであなたにも書けるようになります。 まえがき - John Resig はじめに jQueryの基礎 HTMLページでjQueryライブラリコードをインクルードする ページの読み込みが完了する前にjQuery/JavaScriptコ... 続きを読む

IT戦記 - JavaScript の this について

2007/09/17 314 users IT戦記 JavaScript

javascriptWEB+DB PRESS 編集の R たんから、僕の連載記事に読者様から質問が来ていると教えていただいたので、その内容を教えていただきました。以下、内容を転載「JavaScriptわくわく開発道」の記事に関して質問です。今回の内容で特に興味を持ったのはthisキーワードの振る舞いでした。thisキーワードの説明には、オブジェクト型の変数を別の変数にコピーしてから初期化すると、コ... 続きを読む

IT戦記 - 関数を非同期化して汎用性を高める

2006/11/29 76 users 関数 IT戦記 function 汎用性 非同期化

javascript関数を非同期化する関数を作ってみた。 Function.prototype.asynchronize = function() { var f = this; return function() { var resultcb = function() {}; var failcb = function(e) { throw e }; if (typeof arguments[a... 続きを読む

Hawk&#39;s Laboratory » JavaScriptのthisについて

2006/05/13 121 users JavaScript

続きを読む