applyとcallの使い方を丁寧に説明してみる - あと味
JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは？ callメソッドは以下のように呼び出します。 methodA.call(thisArg, [, arg1 [, arg2, ...]]); methodAには任意の関数（メソッド）を指定します。 callの引数は第一引数にmethodAのthisとしたいオブジェクトを指定して、第二引数以降はmethodAに渡したい引数があれば、カンマ区切りでそれぞれ指定します。 callメソッドは、すべての関数が共通して持っているメソッドです。すべての関数はFunctionクラスのオブジェクトで、callはFunction.
javascriptでテトリスを作る | Enjoy!日曜プログラミング
javascriptでテトリスの作り方を紹介しているサイトをみつけた。 http://svn.coderepos.org/share/docs/amachang/20080813-procamp2008/index.html コードもそれほど難しくなさそう。自分には丁度良いレベルに感じたのと前から作ってみたいと思っていたものなのでちょっと勉強してみることにした。 解説は一切なし。但し、作っていく過程を順番に見せている。これを追っていくとなんとなく仕組みが理解できる。 しかし、やっぱり、分からないところもあるわけで… そういう時は、何かヒントになるようなことを書いている人はいないかひたすらネット検索！ 期待以上のものを発見！これは有難い！ http://d.hatena.ne.jp/syossan/20100630/1277917669 すごく助けられた！ 理解できたところで、頭の整理。
JavaScriptでテトリスっぽいもの#1 - 生涯未熟
今回はJavaScriptでテトリスっぽいものを作ってみたいと思います。 参考にさせて頂いたサイトはこちらです。 JavaScript でテトリスみたいなゲームを作ろう！ しかし、こちらでは解説が少ないので説明も付け加えつつ作成していきます。 あと、説明は2.JavaScriptとはから始めさせていただきます。 ・JavaScriptとは まずはJavaScriptの簡単な使い方から。 サンプルプログラムは以下です。 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Sample</title> <script type="text/javascript"> alert("Hello, world!"); </script> </head> <body> <p>Hello, world!</p> </body> </html
JavaScriptとprivateの見果てぬ夢 (JavaScript Advent Calendar 2011 オレ標準コース 6日目)
JavaScriptとprivateの見果てぬ夢 (JavaScript Advent Calendar 2011 オレ標準コース 6日目) JavaScript Advent Calendar 2011（オレ標準コース）6日目です。他の方々のレベルが高すぎてビクビクしながら書いてます。 JavaScriptのオブジェクト指向は若干クセがあります。他のオブジェクト指向言語を使ってきた人にとって気になるのは、privateが作れないことでしょう。JSで教科書通り素直にクラス(もどき)を書くと、オブジェクトのプロパティは全てpublic、完全にオープンなものになってしまいます。 var Klass = function(){}; Klass.prototype = { methodA: function(){ ... }, methodB: function(){ ... } }; //---
Learning Advanced JavaScript
Double-click the code to edit the tutorial and try your own code. This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return
[JavaScript]猿でもわかるクロージャ超入門 ６ クロージャの応用例「注文ボタン」 · DQNEO日記
クロージャは何の役に立つのか？ 前回の記事で、クロージャは「状態を保持する関数」であると書きました。 これを応用すると、いろいろ便利なことができます。 jQueryとクロージャは相性バツグン jQueryを使った経験があれば、誰でも下記のようなコードを書いたことがあるのではないでしょうか？ $('#btn').click(function(){ alert('hello'); }); ここで、clickメソッドに渡されているのは無名関数function(){...}です。 そう、無名関数と言えばクロージャの出番です！ クロージャの応用例：２回目にクリックすると警告が出るボタン ショッピングカートの「注文する」ボタンで、２重クリックすると２回決済されてしまうというサイトをたまに見かけます。 jQuery + クロージャを使うことで、これを防止してみましょう。 HTML <form name=
Unity C#とJavascriptの主な違い
Unity WikiにてUnity C#とJavascriptの違いを整理しているので紹介したい。 なおリンク先では各々の違いの詳細説明もついているため興味ある方は併せて確認いただくと、さらに勉強になるとおもう。 http://wiki.unity3d.com/index.php/Csharp_Differences_from_JS 17 August 2012, at 11:59 Unity C#とJavascriptの主な違い 関数定義 function Start () { /* stuff. */ } // JS void Start() { /* stuff. */ } // C# string MyFunc() { return "hello, world"; } // C# C#ジェネリック //JS function Start(){ var someScript : E
jQueryプラグインの作り方の初歩
自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基本的な作り方を調べてみました。（あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもあります。） 無名関数 他の領域に干渉しないされないように以下の記述で囲みます。jQueryを引数として指定しているので、この中でも$表記が使えます。 (function($) { //中身 })(jQuery); メソッドを追加する ここが実際に処理するコードを書いていく場所です。「$.fn.hogehoge」のhogehogeの部分がメソッド名になります。 (function($) { $.fn.hogehoge = function(options){ //プラグインの中身 } })(jQuery); 使用する 実行のコードです。プラグインを使うときによ
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
JavaScriptのthisの覚え方 - Qiita
JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 JavaScriptにはthisが4種類ある これだけをしっかり覚えておけば、後は必要な時に 4種類って何があるんだっけ？ と考えれば容易に思い出せる。 ちなみに、下記のコードはブラウザ上で実行することを想定している。(なのでwindowを使う) トップレベルのthis グローバルオブジェクトを指す。 var hoge = "fuga"; window.foo = "bar"; // fuga+bar と表示される console.log(this.hoge + "+" + this.foo); (function(){ // 同じくfuga+bar と表示される console.log(this.hoge + "+" + this.foo); })(
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
