for 文と無名関数のイディオム - IT戦記
id:cho45 がチョロっと書いたコードが話題になっている 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech このような書き方は、自分もたまにする。 というわけで、この書き方をする利点を以下の順に解説して見る。 単純な for 文の問題点 with 文を使った解決方法と、その微妙な問題点 無名関数を使った解決方法 単純な for 文の問題点 まずは、以下の HTML に対して <ul> <li>hoge</li> <li>fuga</li> <li>piyo</li> </ul> 以下の JavaScript を実行して var list = document.querySelectorAll('ul > li'); for (var i = 0, len = list.length; i < len; i++) { var node = list[i]; v
グローバル変数とnew Function(バッドノウハウ) - 素人がプログラミングを勉強していたブログ
関数内からグローバル変数を設定したい場合、 var global; (function(){ global = 42; })(); とする事ができる。 ただし、グローバル以外にも同じ名前の物があると使えない。 var $; (function(){ $ = $; function $(id){ return document.getElementById(id); } })(); jQueryの場合、グローバル変数が、windowのプロパティになることを利用して、 (function(){ window.$ = $; function $(id){ return document.getElementById(id); } })(); のようにしている。 この場合、Greasemonkeyなどのようにwindowがグローバルでない場合うまく動かない。 例えば、jQueryをGreasemo
JavaScriptでポイントフリースタイル - guccyonikki
積ん読してあった「ふつうのHaskellプログラミング ふつうのプログラマのための関数型言語入門」を読んだんだけど、 その中にポイントフリースタイルというのが書いてあったので、 同じような事がJavaScriptでもできないか試してみる。 本書によると、ポイントフリースタイルっていうのは関数で関数を 定義しながらプログラミングをするコーディングスタイルの事だそうだ。 要は関数合成や引数の部分適用などにより高階関数を返すような関数を定義し、 それを呼び合いながらプログラムを書こうってこと。 JavaScriptは高階関数を扱えるので近い事はできそうだ。 引数の部分適用 まずは関数が引数の部分適用をできるようにする。つまりカリー化。 よくある、curry関数に関数と引数を渡す事で部分適用された関数を返すという方法だと 再度、部分適用する時に何度もcurry関数を呼び出す必要がある。 こんな風に
newを省略できる、可変引数を取るコンストラクタの作り方 - 素人がプログラミングを勉強していたブログ
追記：コメントを元に、__proto__を使ったthisのエミュレートをやってみた。結構シンプルでいい。 参考：JavaScript のコンストラクタ関数 - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech function defer(){ if(!(this instanceof defer)) return defer.apply({__proto__:defer.prototype},arguments); this.task=Array.slice(arguments); this.next(); return this; } defer.prototype.next=function(){ var self=this; this.arg=this.task.shift().call(this, function() self.next.call(s
JavaScriptでリスト内包表記を作ってみた - guccyonikki
追記 ※仕様を変更しました。 JavaScriptで内包表記、Newバージョン haskellやErlangにあるようなリスト内包表記を理解する為にも、 また便利っぽいのでJavaScriptでも使えるよう実装してみる事にした。 実装前に検索をかけてみると既にそういう事やってる人はいるみたいだ。 JavaScriptでリストの内包表記(の真似) | 東京嫉妬 まぁ理解する為には実装してみるのが一番って事で、車輪の再発明なんて気にしない。 それに既に途中までやってるしね。ではいってみよー。 インターフェースをどうする？ まず内包表記の分解から。 [x | x <- [1,2,3,4,5,6], x < 4] こんな感じの記法で、[1,2,3]というリストと等価になる。 この書き方は元々、数学の集合の定義を表現する記法に由来しているらしく、 x <- [1,2,3,4,5,6]ってのは数学の場
JavaScript でカリー化、再び: Days on the Moon
以前、「JavaScript で引数束縛」において関数のカリー化を試みました。しかし、そこでカリー化された関数は、そのままでは一度しか部分適用ができず、また、最初の関数呼び出しは必ず部分適用として扱われていました。 function mean3(a, b, c) { return (a + b + c) / 3; } // 「JavaScript で引数束縛」における curry 関数。 var curriedMean3 = curry(mean3); curriedMean3(1)(2, 3); // => 2 curriedMean3(1)(2)(3); // => TypeError: curriedMean3(1)(2) is not a function // そのままでは部分適用を 2 回以上行えない。 // curry(curriedMean3(1))(2)(3) なら大丈夫
John Resig - Partial Application in JavaScript
Partially applying a function is a, particularly, interesting technique in which you can pre-fill-in arguments to a function before it is ever executed. In effect, partially applying a function returns a new function which you can call. This is best understood through an example: String.prototype.csv = String.prototype.split.partial(/,\s*/); var results = "John, Resig, Boston".csv(); alert( (resul
function 〜 が式になるか文になるかはどうやって決まる? - blanket log
引き続きKanasan.JSで出た話題。 ECMA仕様の文法を眺めてみて気づいたことを書いてみます。 今まで「文を書ける文脈では文になり、式しか書けない文脈では式になる」とか勝手に思っていたのですが、ひどい誤解でした。 function が式か文かどうかは，その前が文のおわりかどうかで判断 というのも微妙に違います。 まず重要なことをひとつ。 (ECMAScriptの)文法上は、function文なんてものは無いです。*1 文(statement)の定義がいろいろ書いてありますが、この中に関数定義を行う文はありません。 じゃあ関数定義はどう定められているかというと、トップレベルを見ると プログラム = SourceElementのリスト SourceElement = 文(Statement) or 関数宣言(FunctionDeclaration) となっています。あと関数のbodyもプ
ultra blue:JavaScript : 関数から関数を呼ぶ関数を作る関数
こんなふうに書けるようになるよ この tz.$F_list を使って、例えば var Sequence= tz.$F_list.$struct({ _call_next: function(obj,next,args){ var self= this; setTimeout( function(){ // 関数を実行して、戻り値を「次」に渡す // next(obj.apply(this,args)); でも同じ self.$super._call_next(obj,next,args); },this.interval()); }, interval: function(){ return 500; } }); のようなオブジェクトを用意しておけば、 var $n=111; var fn= Sequence.from( function f1(i){ console.log(i); //
IE 以外の JavaScript で getter setter が使えるようになる！ - IT戦記
Opera 9.5 では getter setter が使えるようになります。 http://my.opera.com/desktopteam/blog/kestrel-is-coming で Safari 3 でも使えるか試してみたら・・・ alert({ get x() { return 'ok' } }.x); // ok つ、使えた！ Firefox でも かなり前から getter setter が使える という事は・・・ IE 以外で getter setter が使えるのはもうすぐだ！！！ IE にしかないプロパティを他のブラウザで実装することができるようになる！！ たとえば、こんな感じ？ // ↓条件付きコンパイル /*@cc_on @if (@_jscript) @else @*/ if (!('returnValue' in Event.prototype)) { Ev
php.netのあいまい検索を使ってJavaScriptのリファレンスを検索する - bits and bytesPHPには similar_text という二つの文字列が似ている度合いを計算してくれる関数がある
php.netの右上にある関数検索は、関数の名前が正確に思い出せずに間違った名前を入れてしまったときでも、入力された名前に似ている候補が表示されるようになっています。 自分はこのリファレンスを Firefoxの Quick Search を使って利用しています。 アドレスバーに php get_file_contents と入力すると http://jp2.php.net/manual-lookup.php?lang=ja&pattern=get_file_contentsに展開されて、リファレンスが見られるようにしています。こうしておくと base64_encode だったか base64encode だったか encode_base64 だったかわからない、というときも、一度検索すれば名前を知ることができます。ちなみに正解はbase64_encodeです。(PHPならvimの omn
John Resig - getElementsByClassName Speed Comparison
Mark Finkle suggested that I do some speed testing, now that a native implementation of getElementsByClassName has landed in the Mozilla trunk (destined for Firefox 3). So I went around and dug up all of the different, existing, implementations that I could find. Currently, implementations fall into one of three categories (with some straddling more than one): Pure DOM This usually involves a call
Ten Javascript Tools Everyone Should Have
Filed: Sun, Mar 04 2007 under Programming|| Tags: toolbox javascript popular list Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox: those little snippets of code you seem to include in every single project. Here's my list of 10 essential Javascript tools everyone should have at their fingertips! #0 - Trim. Trim is one of th
クロスブラウザ実現のための基本関数群（DOMブラウザ対応）
Window( Frame )の幅の取得 function getWindowWidth(){ if(window.innerWidth) return window.innerWidth; // Mozilla, Opera, NN4 if(document.documentElement && document.documentElement.clientWidth){ // 以下 IE return document.documentElement.clientWidth; } else if(document.body && document.body.clientWidth){ return document.body.clientWidth; } return 0; } Window( Frame )の高さの取得 function getWindowHeight(){ if
ローカル変数も展開したい！ - sawatのブログ
弾さんのとこで、JavaScriptでテキスト内の変数展開をやる方法がでてる。 テキスト内の変数展開はいつも欲しいと思う。+で文字列を連結するのうざい!というわけで作ってみました。 function interpolate(str){ return str.replace(/#\{([^\}]+)\}/g, function(m0,m1){ var v = ''; try{ v = eval(m1); }catch(e){ v = e } return v; }); } http://blog.livedoor.jp/dankogai/archives/50766443.html でも、 先生、これじゃローカル変数が展開できません！ なので、こんな感じでいかがでしょう？ function interpolate(str) { return "\""+ str.replace(/\\/g,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Posts by Year | kvz.io
名前付きの無名関数 - tyoro.exe
Untitled
Frametastic :: drag 'n drop prototyping