1月 18

ActionScript3のthisに悶え苦しんだ

Javascriptがそれなりに使いこなせれば、ActionScript2も特に問題がなかったわけですが、今頃になっていじり始めたActionScript3(以下AS3)で悶え苦しみました。
イベントやシンボルの扱いが変わったことも、調べさえすれば特に問題にならず、着実に開発は進んでいたのですが・・・
さて、行き詰ったのが「this」の扱い。
いままでは、とにかく「オレオレ!」でよかったので、イベントに関数を宛がってやれば、関数からオブジェクトをごにょるのはとても簡単でした。
が、AS3ではなぜか常にグローバル?なオブジェクト(実在してないっぽいのだが)になってしまう。

for( var i = 0; i < 10; i ++ ){
    var mc:Object = new mcHoge();
    mc.name = 'hoge' + i;
    mc.addEventListener(
        MouseEvent.MOUSE_OVER,
        editPointAnchorMouseOverHandler
    );
    function editPointAnchorMouseOverHandler(evt:MouseEvent):void{
        trace(this.name);
    }
    obj.addChild( mc );
}


いままではこんな感じで(AS3用にイベントを書いてあるよ)thisを追跡できたのに、AS3ではできない。
マウスが乗っかるとundefinedとなる。
ちなみにobjはStageとかで読み替えてみて。
いろいろ調べてもどうでもいいウンチク(もちろん大事なのだが)ばかりで、AS3の解説本の著者がグダグダ語っていたりするがよく見ればAdobeの例文のままで悲しい思いをするだけで実例がない。「ActionScript3 this global」とかでググってもだめっぽい。
本当はクラスにすればいいんだろうけど、別ファイルにしなければならないらしい?
同じファイルの中でパッケージ宣言できないのは厳しい。
使いまわさなくても都合上クラスが便利なこともある(性格にはクラスであるべきことのほうが多いのだが)のにファイル分けなきゃいけないの?
と、それたところで軌道修正。

結局のところ、別に関数を用意して、その中でオブジェクトを作ってやって戻り値もオブジェクトにすれば、擬似的にパッケージ化できることが判明。OOPを実装したはずのAS3のコンパイラが関数をどう扱っているのかなぞである。
結局はこうなった。

for( var i = 0; i < 10; i ++ ){
    var mc:Object = fuga( i );
    obj.addChild( mc );
}
function fuga( i:int ):Object {
    var mc:Object = new mcHoge();
    mc.name = 'hoge' + i;
    mc.addEventListener(
        MouseEvent.MOUSE_OVER,
        editPointAnchorMouseOverHandler
    );
    function editPointAnchorMouseOverHandler(evt:MouseEvent):void{
        trace(this.name);
    }
    return mc;
}


実質、関数をオブジェクトと定義しているわけだが、関数は関数しか宣言できないのでオブジェクト・・・あれ?
もしかしてこう書けばいい?
var mc:Object = function( i:int ):Object{ var mc:Object = new mcHoge(); [省略]; return mc; }
とすると強制型変換に失敗したと怒られた。
理屈ではこれでいいはずなのに、なんでだろ?
まぁ、初めたばかりだし、AS3の書き方に慣れてからまた考えよう。