0

我正在学习使用 java-script 和 html5 创建 Windows 8 商店应用程序。我的问题是,如果我需要为这个项目创建一些类库,可以使用 javascript/html5 创建这些类库吗?

4

2 回答 2

5

使用 HTML 和 JavaScript 为 Windows 应用商店应用程序创建可重用的 JavaScript 库非常简单。

首先创建一个新的 JavaScript 文件,使用您喜欢的任何名称(理想情况下应该是唯一的),例如 myMathLib.js。

使用模块模式启动你的库,就像这样(注意,最后的括号会导致匿名函数内的所有代码在文件加载时立即执行,这对于设置变量、对象等很有用,有时会提到to 作为立即调用的函数表达式):

(function () {

// your library code

})();

这将防止匿名函数内的任何变量或对象对外界可见,除非您明确选择公开它。

接下来,添加您希望库具有的任何变量和/或函数。例如,如果我们正在构建一个数学库,我们可能有一个 add 函数:

(function () {

    function add(num1, num2) {
        return num1 + num2;
    }

})();

显然,此时库不是很有用,因为库外的代码无法访问 add 函数。因此,对于 Windows Store 应用程序,我们可以使用方便的 WinJS.Namespace.define 函数:

(function () {

    WinJS.Namespace.define('myMathLib', {
        addTwoNumbers: add
    });

    function add(num1, num2) {
        return num1 + num2;
    }

})();

为了定义命名空间及其成员,我们首先传递命名空间的名称,我们将通过它引用成员(在本例中为“myMathLib”),然后传递一个具有一个或多个名称/值对的对象,其中name 是我们从库外部引用成员的名称,value 是内部名称。这意味着我们可以在内部和外部使用不同的名称。

我们简单的 JavaScript 库已经可以使用了。要使用它,我们需要在 HTML 页面中引用它,就像使用任何其他 JavaScript 文件一样,通过添加引用我们文件的标签:

<script src="/js/myMathLib"></script>

然后在该页面的 JavaScript 中,我们可以使用以下代码来执行我们的库函数:

var num1 = 2, num2 = 40, result;
result = myMathLib.addTwoNumbers(num1, num2)
// result = 42

您可以使用此技术来构建可重用的库,这些库可以根据需要简单或复杂。另一个需要注意的有用的 WinJS 实用程序是WinJS.Class.define(以及 WinJS.Class 中的其他函数),它有助于在 JavaScript 中创建类型。

希望这可以帮助!

有关 Windows 应用商店应用开发的更多信息,请注册App Builder

于 2013-03-18T01:18:15.500 回答
0

我不太确定你在问什么,但是...

您始终可以创建可重用的 javascript 库。实际上,有很多这样的例子(jquery、knockoutjs、prototype 等)。

如果您是 javascript 新手,学习 jquery 之类的东西可以帮助您学习如何编写可重用的 javascript 代码。

于 2013-03-18T00:46:36.067 回答