setInterval（）は異なる関数名を必要としますか？

Question

Vueを学ぶときに、コンポーネントデータを更新する2つのタイマーを作成しました。コピー/貼り付けのときは、誤ってsetInterval()の2番目の関数の名前を変更しませんでしたが、コードは正しく実行されます（Vueの部分は関係ありません。機能的な例があるようにしていますが、

var data_mynumber = { 
 
    time: 1 
 
}; 
 

 
Vue.component('mynumber', { 
 
    template: '<div>time is {{time}}</div>', 
 
    data: function() { 
 
    return data_mynumber; 
 
    } 
 
}) 
 

 
var data_smthg = { 
 
    time: 5 
 
}; 
 

 
Vue.component('smthg', { 
 
    template: '<div>hello {{time}}</div>', 
 
    data: function() { 
 
    return data_smthg; 
 
    } 
 
}) 
 

 

 
var vm = new Vue({ 
 
    el: '#root' 
 
}) 
 

 
setInterval(
 
    function myTimer() { 
 
    var d = new Date(); 
 
    data_mynumber.time = d.toLocaleTimeString(); 
 
    }, 
 
    1000 
 
); 
 

 
setInterval(
 
    function myTimer() { 
 
    var d = new Date(); 
 
    data_smthg.time = d; 
 
    }, 
 
    100 
 
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.js"></script> 
 
<div id="root"> 
 
    <mynumber></mynumber> 
 
    <smthg></smthg> 
 
</div>

setInterval()コール同じ関数名myTimer()両方、それらの各々が異なっている：コードの下部にタイマー）約。コードは期待どおりに実行されます。タイマーのテンポが異なります。

これは偶然でも、私のsetInterval()コールで同じ関数名を再利用できますか？

Answer 1

実際には、関数の名前は必要ありません。これは匿名関数やラムダと呼ばれ、名前に違いはありません。パラメータ、コールバックとして渡しています。関数の名前を呼び出さず、参照を呼び出します。あなたのコードの場合は

これは

setInterval(
    function() { 
    var d = new Date(); 
    data_mynumber.time = d.toLocaleTimeString(); 
    }, 
    1000 
); 

Answer 2

関数名のスコープが異なるため、衝突しません。

- デバッグの場合、別の名前を使用すると便利です。