Question

在同一行上调用另一个函数内调用函数的最佳做法是什么？

这是我的榜样，但看起来很草率

<script>
function someFunction (a,b,c) { ... }
function otherFunction (d) { ... }
</script>
<a href="place.html" onClick="someFunction(varOne, varTwo, otherFunction(varThree))">a link</a>

Answer 1

您可以直接调用内联

function function_one() {
        alert("The function called 'function_one' has been called.");
    }

    function function_two() {
        alert("The function called 'function_two' has been called.");
    }

    <a href="place.html" onClick="function_one(),function_two">a link</a>

Answer 2

你可以这样做

<script>
function someFunction (a,b,c) { 
...
otherFunction(c);
... }
function otherFunction (d) { ... }
</script>
<a href="place.html" onClick="someFunction(varOne, varTwo, varThree)">a link</a>

Answer 3

内联处理程序在HTML标记中基本上是eval，导致难以阅读，难以管理的代码。使用Javascript正确附加它们，并首先将第一个结果分配给变量：

<script>
function someFunction (a,b,c) { ... }
function otherFunction (d) { ... }
window.addEventListener('DOMContentLoaded, () => {
  const a = document.querySelector('#placeAnchor');
  a.addEventListener('click', () => {
    const otherResult = otherFunction(varThree);
    someFunction(varOne, varTwo, otherResult);
  });
});
</script>

<a href="place.html" id="placeAnchor">a link</a>

在调用函数内调用函数

3 个答案: