IIFE - ellaneous
http://benalman.com/news/2010/11/immediately-invoked-function-expression/ について。 訳 「即時実行関数式」は長いので「即行関数」としたい。 そのまま「IIFE」でもいいが検索性に難あり。 書き方 !function(){}() ~function(){}() + と - 、及び括弧で括るのは ASI を妨げるのでよくない。 void は冗長。new は無駄。 値を返す場合は定義と紛らわしいので括るか new する。 r = (function(){}()) r = new function(){} (function(){})() でもいいが見た目の対称性を考えると上記*1。) { 派の人は末尾も開けて (function () {} ()) とすると対称になってよろしい。 *1:同じ理由で波括弧の前には空白を入れ
escape(_,0) - ellaneous
SpiderMonkey の escape() は第二引数にビットフラグを受け取る。 Amazon の API 用にこんな関数を書いてて気付いた。 function amazEnc(str) encodeURIComponent(str).replace(/[!\'()]+/g, escape).replace(/[*]/g, '%2A'); amazEnc('unescape(_)') //=> Error: invalid string escape mask 8 この 8 は replace() が escape() に渡したマッチ位置。 該当ソースコードを見てみる。 /* * Contributions from the String class to the set of methods defined for the * global object. escape and un
$n - ellaneous
mayokaraさんとこで見たノード構築関数を弄ってたら別物に。 function $n(name /*, [[attr], child0, child1, ...] */){ var d = this.createElement ? this : this.document || document, e = d.createElement(name), a = Array.prototype.concat.apply([], arguments), x = a[1], o = {}, l = a.length, i, k; if((i = x ? x.toString === o.toString : 0)) for(k in x) o[k] || e.setAttribute(k, x[k]); while(++i < l) e.appendChild((x = a[i]) && x.
CoffeeScript - ellaneous
少し前*1から本格的にちょっかいを出し始め、機能を増やしたり*2独自演算子((? ?. ?[] ?() ?= ||= &&=))の挙動をまともにしたり優先順位を直したり細かいバグを潰したり余分な括弧を外したり必要な括弧を付けたり高速化したりウェブコンソールを作ったりした。 仕組みが判ってきたので、最近は提案したけど却下された機能とか個人的に欲しかった機能を盛り込んだブランチを作って遊んでいる*3。目玉は .= 演算子。 $ coco -bpe 'location.protocol.=replace /^http\b/, "$&s"' location.protocol = location.protocol.replace(/^http\b/, "$&s"); JSer にとって CoffeeScript は読み書きしやすい以上の意味を持つ言語。是非フォークして弄り倒しましょう。 *1:0
typeof / / - ellaneous
ECMAScript 4 discussion - Callable RegExp vs. typeof Bug 61911 - typeof(/regExp/) should return "object", not "function" (WebKit) Bug 28117 - Native JSON.stringify does not omit functions Bug 582717 - Make regular expressions not callable engine＼code typeof/ / / /(0) Function.call.call(/ /,/ /,0) SpiderMonkey (Fx3.6) "object" null TypeError*1 Carakan (Op10.6) "object" null TypeError*2 v8 (GC5) "fu
node4x - ellaneous
XML/XMLList → Node を愚直に。 function node4x(xml, doc){ doc = doc || document; if(xml.length() === 1) switch(xml.nodeKind()){ case 'attribute': let at = true; case 'element': let {uri, localName: name} = xml.name(); if(at){ at = uri ? doc.createAttributeNS(uri, name) : doc.createAttribute(name); at.nodeValue = xml; return at; } let lm = uri ? doc.createElementNS(uri, name) : doc.createElement(name); f
insertText - ellaneous
テキストボックス((textarea, input:-moz-any(:not([type]), [type=text], [type=password]))) tbox のカーソル位置へ文字列 text を挿入したいとき，HTMLTextAreaElement の貧弱な機能で実現するとこんな風になる。 var {value, selectionStart, selectionEnd} = tbox; tbox.value = value.slice(0, selectionStart) + text + value.slice(selectionEnd); tbox.selectionEnd = selectionStart + text.length; 一見うまくいくようだが，スクロール位置がリセットされるしアンドゥも狂う。 自然にやるには chrome 権限が必要。*1 const
xqjs - ellaneous
http://github.com/satyr/xqjs (AMO) 簡易JS実行環境。習作第二弾。 機能 DOMi 風の対象ウィンドウ選択 プリプロセッサ JSマクロ CoffeeScript 入力履歴 単語補完 出力用関数とか は this を参照 作成動機 一々 function を書きたくない。 話題の CoffeeScript を試したい。 行儀の悪い Execute JS を置き換えたい。 既定マクロ #{return this} #(this)function f(x,y,z){return this} function f(x,y,z)(this) #'.selector' #a'.selector'document.querySelector('.selector') Array.slice(document.querySelectorAll('.selector'))
Array.withAll - ellaneous
JavaScriptでArray.fill - Thousand Years おお，賢い。これなら何でも詰められる。 eval版はこんな感じか。 Array.withAll = function(obj, num){ return (num = Number(num)) > 1 ? eval('0,function($){return['+ Array(num).join('$,') +'$]}')(obj) : [obj]; }; 「withAll」は Smalltalk のメソッド名から拝借。
ランダムにｎ個 - ellaneous
配列からn個の要素を重複無しでランダムに取り出す - m2 後の二つ三つ目は一様にならないし，重複する可能性もあるような。 function shuffle(a, n){ // Fisher-Yates var r = a.concat(), l = r.length, n = n < l ? n : l, i = l, j, t; for(i = l; i;) t = r[j = Math.random()*i--|0], r[j] = r[i], r[i] = t; r.length = n; return r; } 証明済みのアルゴリズムで愚直にやるとこうなるけど，n と a.length の差が大きいときに損するか。 + 勘違いに気付いてみると，元ネタの二つ目はまさに損しないやり方。自分--。
ブックマークレット作法 - ellaneous
今や少し複雑なブックマークレットは外部から読み込むのが当たり前になり，gist やら coderepos やらのおかげで置く場所にも困らない。*1 この際の書き方は人によって結構まちまちだが，やることは同じなのだから「これコピペすれば FA」的なテンプレがあってもいいはずと考え，模索してみた。 方針 変更する所を前方にまとめて共通部分は後方に括り出す まず名前を明記 (↓で自明なら省略) その後にスクリプトの URI 複数読めるように 「%nn」が入ると何かと面倒*2なので空白文字を避ける 汚染しない この３つは単体で動くものを書くときにも気を付けると吉。 成果物 javascript:'{name}',['http://a.b.com/0.js','http://l.m.net/1.js',function(d,i,e){for(i=this.length;--i;d.body.appe
zEn4X - ellaneous
Zen Coding 風の記述から E4X を生成するのを書いてみた。 zen4x('dl#id.cla.ss > dt{content} + dd > input[type=radio][name=$]*2') <dl id="id" class="cla ss"> <dt>content</dt> <dd> <input type="radio" name="1"/> <input type="radio" name="2"/> </dd> </dl> 使い途は…。
{__proto__:null} のススメ - ellaneous
特に新しい話題でもないけど，使われているところをあまり見ない気がするので。 HashMap/Dictionary として narcissus/jsdefs.js#142 にもあるように，単に {} だと Object.prototype が付いて廻るので役に立たないことがある。辞書として使うなら {__proto__:null} にしておいて損はない。 速度稼ぎ 辿る親が居ないのでプロパティアクセスは少し速い。はず。 if(this.dump) print = function(x){ dump(x +'\n') }; if(this.console) print = function(x){ console.log(x) }; function say(){ print('|'+ [].join.call(arguments, '|') +'|') } ['{}', '{__proto_
拙作 0.5 - ellaneous
0.5 API 対応*1のコマンドフィード。新作含む。随時更新。 Pack はてブ(([http //d.hatena.ne.jp/murky-satyr/20080902/1220311192])):hatebu-it, hatebu-hotentry, hatebu-comments, hatebu-search Google(([http //d.hatena.ne.jp/murky-satyr/20090306/google_plusplus])):google, gimages, gvideos, gbooks, gmaps, gcalendar, gcode, gdictionary, gscholar, gmail, greader, gsidewiki, gcalc, grank, gcache, gshorten, gtrends, glucky, gspeak, gbu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kc2ks - ellaneous
gist logs - ellaneous
ckup - ellaneous
Halt Alert - ellaneous