win8: WinJS的面向对象 WinJS.Class-白红宇

官方文档：

类定义

var object = WinJS.Class.define(constructor, instanceMembers, staticMembers);

三个参数是：构造函数，实例成员集合，静态成员集合。e.g.

var Robot = WinJS.Class.define( function(name) {    this.name = name;}, { modelName: "" }, { harmsHumans: false });var myRobot = new Robot("Mickey");myRobot.modelName = "4500";Robot.harmsHumans = false;

对应的js代码是：

function Robot(name) {    this.name = name;}Robot.prototype.modelName = '4500';Robot.harmsHumans = false;

在JS中用 Object.defineProperty 定义modelName GET/SET时我们需要这么做：

Object.defineProperty(Robot.prototype, "modelName", {    get: function () { this.computeModelName(); }});

但在WinJS中：

var Robot = WinJS.Class.define(    function (name) { this.name = name; },    {        modelName: { get: function () { return this.computeModelName(); } }    });

继承

var object = WinJS.Class.derive(baseClass, constructor, instanceMembers, staticMembers);

它通过调用使用baseClass 的prototype 构造派生对象。

var SpaceRobot = WinJS.Class.derive(Robot, function (name) {    this.name = name;},{ airSupply: "" },{ saveSelf: true });var mySpaceRobot = new SpaceRobot("Myra");mySpaceRobot.airSupply = "oxygen";var save = SpaceRobot.saveSelf;

混合类

var object = WinJS.Class.mix(constructor);

WinJS.Namespace.define("Robotics", {    Robot: WinJS.Class.define( function(name) {        this.name = name;        },         { name: name },         { harmsHumans: false, obeysOrders: true })    }); var Movable = {    goForward: function () {        document.getElementById("div").innerText = "go forward";    },    goBack: function () {        document.getElementById("div").innerText = "go back";    },    turnRight: function () {        document.getElementById("div").innerText = "turn right";    },    turnLeft: function () {        document.getElementById("div").innerText = "turn left";    };WinJS.Class.mix(Robotics.Robot, Movable);var myRobot = new Robotics.Robot("Mickey");myRobot.goBack();

当对象与 等混合时，可以获取事件监听的功能等......

More info about mix , Check:

本文转自老Zhan博客园博客，原文链接：http://www.cnblogs.com/mybkn/archive/2012/10/04/2711519.html，如需转载请自行联系原作者