使用javascript / hmlt5的类库项目。可能吗?

时间:2013-03-17 22:46:14

标签: javascript html5 windows-runtime windows-store-apps winjs

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

2 个答案:

答案 0 :(得分:5)

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

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

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

(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

答案 1 :(得分:0)

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

您始终可以创建可重复使用的JavaScript库。实际上,有很多例子(jquery,knockoutjs,prototype等)。

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