Question

我们有很多javascript函数，通常通过onclick函数处理。目前，它们存在于每个需要的文件中。将所有javascript函数合并到一个文件中并在需要的地方使用它是否有意义？这里的一般做法是什么

            <s:link view="/User.xhtml"
                onclick="if (confirm('#{messages['label.user.warning']}')) {
                    var f = $('user');
                    f.method = 'POST';
                    f.action = f.submit();
                    } return false;">

Answer 1

是的！绝对将其纳入外部JavaScript。想象一下，如果您需要更改此代码中的内容。你现在需要改变多少个地方？不要重复代码。它必须使您的页面更大，这显然会影响下载量。

Answer 2

由您决定可重用性在您自己的代码中的位置。但是创建一个经常使用的函数库是很容易的（也是一个好主意）。例如，创建一个像mylib.js这样的文件，例如......

function saveUser(f)
{
    //...
    f.method = 'POST';
    f.action = f.submit();
}

将此添加到您的网页：

<script type="text/javascript" src="mylib.js"></script>

为您的活动添加代码：

<s:link view="/User.xhtml" onclick="return saveUser($('user'));">

请注意，库代码避免了对使用它的页面上的元素的布局或命名的任何依赖性。您可能还想留下一些评论，这些评论将提醒您未来的自我，这些库函数的目的和假设是什么。

Answer 3

将所有javascript函数合并到一个文件中是否有意义并在需要的地方使用它？

嗯...是

做这样的事情会更好：

function saveUser() {
   // logic goes here
}

并使用标记

<s:link view="..." onclick="saveUser();">

使用内联代码非常糟糕。不要这样做。或者prorgamming神将变得焦躁不安。

Answer 4

将JavaScript代码放在JavaScript文件中总是一个好主意。就像你不混合内容和表示（XHTML和CSS）一样，你不必混合内容和交互性（XHTML和JavaScript）。

将JavaScript代码放在单独的文件中有几个优点：

无需重复代码（因此可以更好地重复使用），
minify the source code的可能性，如果你把XHTML和JavaScript放在一起就很难做到的事情，
能够使用非侵入式JavaScript，帮助创建更易于访问的网站（可访问点可能没有任何问题，使用onclick和其他事件，但很容易忘记网站必须在没有JavaScript的情况下工作，从而开发一个不可访问的网站。）
更好的客户端性能：更大的页面使事情变得更慢;当你把JavaScript放在外面时，页面会更小，而.js文件会被浏览器缓存而不是在每次请求时加载。

Answer 5

可以通过脚本标记访问Javascript，脚本标记可以指向外部脚本或定义它仅在本文档中使用。

<script type="text/javascript" src="mycustom.js"></script>

<!-- OR -->
<script type="text/javascript">
function saveUser(username) {
    //code
}
</script>

没有冒犯，但是如果你不知道你是非常新的，或者你在学习javascript时跳过了很多步骤。我建议您浏览关于javascript和其他任何你将要使用的w3schools.com教程。

你如何重用javascript函数

5 个答案: