setInterval関数は未定義に戻ります

Question

JavaScriptで初めてsetIntervalを学習していて、5秒後に値を表示しようとしています。私のコードは以下のとおりである：

<button onclick="myTest()">Try it</button> 

<script> 
function myTest() { 
    const ret = myFunction(); 
    alert(ret); 
} 

function myFunction() { 
    let i = 0; 
    const interval = setInterval(function(){ 
     i += 1; 
     if (i === 5) { 
      clearInterval(interval); 
      return i; 
     } 
    }, 1000); 
} 
</script> 

は私が5を警告したい、代わりに私がundefinedを取得しています。誰がなぜこれが起こっているのか知っていますか？前もって感謝します！

Answer 1

setIntervalコール内の無名関数から何も返すことはできません。その機能内からconsoleに書き込む必要があります。私は窓（私は推測）に、ではないのMyFunctionに返送されます

function myTest() { 
 
    // this function is now redundant - you could call myFunction() directly 
 
    myFunction(); 
 
} 
 

 
function myFunction() { 
 
    let i = 0; 
 
    const interval = setInterval(function() { 
 
    i += 1; 
 
    if (i === 5) { 
 
     clearInterval(interval); 
 
     console.log(i); // this will appear after 5 seconds... 
 
    } 
 
    }, 1000); 
 
} 
 

 
myTest();

Answer 2

return i; 

：これを試してみてください。

myFunctionは、リターンを書き込まなかったため、デフォルトでは未定義です。

function myTest() { 
    myFunction(function(val){ 
     alert(val); 
    }); 
} 

function myFunction(callback) { 
    let i = 0; 
    const interval = setInterval(function(){ 
     i += 1; 
     if (i === 5) { 
      clearInterval(interval); 
      if(callback){ 
       callback(i); 
      } 
     } 
    }, 1000); 
} 

コールバック関数で値を取得できます。

Answer 3

アラート（ret）は5秒が経過する前に発生し、したがって私の関数は未定義に戻ります。この方法を試してみてください。

<button onclick="myTest()">Try it</button> 
<script> 
function myTest() { 
myFunction(); 
} 
function myFunction() { 
var i = 0; 
var interval = setInterval(function(){ 
    i++; 
    if (i === 5) { 
    alert(i); 
     clearInterval(interval); 
    } 
    }, 1000); 

} 
</script>