类库项目使用javascript/ html5.这可能吗?

class library project using javascript/hmlt5. Is it possible?

本文关键字：html5 项目 javascript 类库      更新时间：2023-09-26

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

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

首先创建一个新的JavaScript文件，使用您喜欢的任何名称(最好是唯一的名称)，例如myMathLib.js。

使用模块模式启动库，如下所示(注意，最后的双亲将导致在加载文件时立即执行匿名函数中的所有代码，这对于设置变量，对象等非常有用，有时被称为立即调用的函数表达式):

(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')，然后传递具有一个或多个名称/值对的对象，其中名称是用于从库外部引用成员的名称，值是内部名称。这意味着我们可以在内部和外部使用不同的名称。

我们的简单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 Store应用程序开发的更多信息，请注册app Builder。

我不太确定你在问什么，但是…

你总是可以创建可重用的javascript库。事实上，有很多这样的例子(jquery、knockoutjs、prototype等)。

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

相关文章：