prototype.js
each 使えないから最新の RC を試したんだけど、思ったより使えない。Event.observe って、もうちょっとクロスブラウザに考慮していると思ってた。
軽くテストスクリプト書いてごちゃごちゃやってた script.aculo.us の effects.js を使ってみたかっただけとかなんとか。
Event.observe で function (e) {} とか渡しても IE では e にイベントオブジェクトが入らない。
_observeAndCache: function(element, name, observer, useCapture) {
var eEvent = function () {
this.type = window.event.type;
this.target = window.event.srcElement;
this.currentTarget = this;
this.clientX = window.event.clientX;
this.clientY = window.event.clientY;
this.pageX = document.body.scrollLeft + window.event.clientX;
this.pageY = document.body.scrollTop + window.event.clientY;
this.shiftKey = window.event.shiftKey;
this.altKey = window.event.altKey;
this.ctrlKey = window.event.ctrlKey;
this.which = window.event.keyCode;
this.stopPropagation = function() { window.event.cancelBubble = true }
this.preventDefault = function() { window.event.returnValue = false }
}
if (!this.observers) this.observers = [];
if (element.addEventListener) {
this.observers.push([element, name, observer, useCapture]);
element.addEventListener(name, observer, useCapture);
} else if (element.attachEvent) {
this.observers.push([element, name, observer, useCapture]);
element.attachEvent('on' + name, function () {
observer(new eEvent());
});
}
}, みたいに prototype.js を直接書き変えて使ってみた。けど、なんか楽しくない。
なんかわくわくしない。つまらない。
ちなみに prototype.js における each の break, continue の実装は、あらかじめ $break と $continue にオブジェクトを代入しておいて、それを投げるというものだった。なるほど文字列投げるよりこっちのほうがいいな。
[1, 2, 3, 4, 2, 6].collect(function (v, i) {
if (v == 2) throw $continue;
if (i > 4) throw $break;
return v;
}); //=> [1, 3, 4] なんで _each を定義させるんだろうと思っていたけどこれのためだね。_each は Enumerable.each からのみ呼び出される。Enumerable の各メソッドは each を使用する。
each_with_index 相当がねぇよとか思ったけど、each 自体がその役目を負ってる。[1].each(function (value, index) {}) とかける。
あー Event.element とか使うのか。
関連エントリー
- Ruby's eash on ECMAScript ECMAScript でイテレータ なんてのを書いたことがあったけど、これ、each の中で break ができないのでちょっと気持ち悪い。...
- Ruby.each Ruby の each 系メソッドで一つ気に入らないというか、仕方ないんだけど面倒くさいことがある。なにかっていうと index を使いたけ...
- Object.prototype Object.prototype.foo = function () {alert(this);} document.foo(); //=>...
- ES2015 の iterable/iterator/generator による無限 FizzBuzz (オブジェクト指向編) ES2015 の iterable/iterator/generator による無限 FizzBuzz | tech - 氾濫原 に続いて、...
- golang で websocket websocket.JSON を使った場合 JSON をやりとりする場合専用の方法がある (JSON-RPC ライクな実装を書いてみた場合)...