javascript - 使用 javascript/hmlt5 的类库项目。是否可以？

Question

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

Answer 1

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

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

使用模块模式启动您的库，如下所示(请注意，最后的括号将导致匿名函数内的所有代码在加载文件时立即执行，这对于设置变量、对象等很有用。 ，有时称为立即调用的函数表达式):

(function () {

// your library code

})();

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

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

(function () {

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

})();

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

(function () {

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

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

})();

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

我们的简单 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 .