WinJSでクラスの継承

WinJS.Class.deriveを使って継承もできるんですね。

使い方は第一引数に継承、第二引数にコンストラクタ、第三引数にインスタンスメソッド、第四引数にスタティックメソッドになるみたいです。ということで、オブジェクト指向でイマイチイメージが使えないAnimalクラスとか使ってやってみようと思います。

// 動物var Animal = WinJS.Class.define(
    // 声function (voice) {this.voice = voice; },
    {// 鳴く
        bark: function () { console.log(this.voice); }});

// 犬の鳴き声はわんわんvar Dog = WinJS.Class.derive(
    Animal,
    function () {this.voice = "わんわん"; });

// 鳥はちゅんちゅんvar Bird = WinJS.Class.derive(
    Animal,
    function () {this.voice = "ちゅんちゅん"; },
    {// 鳥は空を飛ぶ
        fly: function () { console.log("ばさばさっ"); }});

// 犬を鳴かせてみるvar d = new Dog();
d.bark(); // わんわん// 鳥を鳴かせて飛ばしてみるvar b = new Bird();
b.bark(); // ちゅんちゅん
b.fly(); // ばさばさっ