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( ).

JSandjQuery

相关

标签