js回调（异步）

 

js回调

<!DOCTYPE html>
<html>
<body>

<p>进行计算，然后显示结果。</p>

<p id="demo"></p>

<script>
function myDisplayer(some) {
  document.getElementById("demo").innerHTML = some;
}

function myCalculator(num1, num2, myCallback) {
  let sum = num1 + num2;
  myCallback(sum);
}

myCalculator(5, 5, myDisplayer);
</script>

</body>
</html>

这里注意：将函数作为参数传递时，不能加括号

 

js异步与回调

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript SetTimeout()</h1>

<p>等待 3 秒（3000 毫秒）让此页面发生变化。</p>

<h1 id="demo"></h1>

<script>
setTimeout(function() { myFunction("I love You !!!"); }, 3000);

function myFunction(value) {
  document.getElementById("demo").innerHTML = value;
}
</script>

</body>
</html>

 

在上面的例子中，function(){ myFunction("I love You !!!");}用作回调。它是一个完整的函数。完整的函数作为参数被传递给setTimeout().
3000是超时前的毫秒数，所以3秒后会调用myFunction( ).

posted @ 2022-02-08 17:33  kuaiquxie  阅读(276)  评论(0)    收藏  举报