Mobile First！ Wijmo 5 之 架构

本文就开发者关心的话题之一架构，展开叙述。

同时，我们选择IE9作为Wijmo 5浏览器支持的基准版本，因为IE9支持ECMAScript 5语法，而这点对我们的Wijmo 5架构非常关键，由此创造了新的Wijmo 5架构。

ECMAScript 5 Controls

我们的Wijmo 5框架直接采用了ECMAScript 5。我们的源码使用TypeScript，这使得开发非常容易。如，使用它创建了控件基类(Base Control Class), 所有的控件均派生自该基类。

JS的控件如同类对象一样，大小写敏感，且提供了构造函数用于初始化，同时也提供了属性、方法、事件。

如，FlexGrid控件可通过如下方法进行初始化：

属性

<code>设置控件的属性非常方便，直接赋值即可，完全不用通过函数调用来实现。</code>

还可通过类似的方法对事件进行赋值、检查属性是否有值。 如果IDE支持只能感知(如VS 2013), 则可通过智能感知的自动完成功能来对控件属性赋值。智能感知对于使用控件来说，非常便捷，可以很好的提高工作效率。

为了方便，同样提供了枚举(Enums)

属性还可通过标准的JS对象方式获得，如，您可以通过如下方法获得控件的get属性接口：

如果你熟练的使用.NET语法编程，那么你会非常熟悉这些属性方法。如果你熟练的使用JS编程，那么对这种优美的API接口也会喜欢。

可以对比看如下的对Wijmo Grid Widget赋值语法：

这种语法可称为&amp;ldquo;字符串类型编程&amp;rdquo;，依赖于字符串的大小写来设置属性值，如设置错误，则不会报错，这个对开发调试将会非常麻烦。

方法

Wijmo 5中的方法使用起来非常方便，可直接通过控件调用控件对应的方法，且调试比较方便。

对比JS Widget 调用刷新的方法

如同上面的属性一样，依赖字符串大小写调用方法，调试错误则非常麻烦。

事件

Wijmo 5控件中的事件使用，如同.NET控件中的一样，可通过addHandler、removeHandler订阅、取消订阅事件。

对应的JS Widget 订阅事件的语法：

Controls vs. Widgets

Wijmo 5 Controls

JS Widgets

使用TypeScript类，提供类JavaScript构造函数

Functions接口，通过设置JavaScript对象属性

EcmaScript 5：属性有getters 和 setters接口

使用&amp;ldquo;options&amp;rdquo;的属性，通过设置子参数

直接设置属性值

通过调用函数实现属性赋值

通过控件的实例调用方法

以传递函数名字符串方式进行方法调用

通过在事件调用addHandler订阅

通过使用bind()，并以字符串方式传递widget name + even name订阅事件

IDEs提供智能感知（依赖IDE）

非强类型，无智能感知

设计时语法检测

无语法检测

运行时错误提示

运行时很少错误提示

本文转自 powertoolsteam 51CTO博客，原文链接：http://blog.51cto.com/powertoolsteam/1566685，如需转载请自行联系原作者