関数をJavascriptで1回だけ実行します。

Question

何回呼び出しても、Javascriptで1回だけ関数を実行します。 次のコードを記述しても動作しません。

var counter = 0; 

if(n.data === YT.PlayerState.BUFFERING) { 
    setTimeout(function() {     
    if(counter===0) { 
     r.frontPlayer.seekTo(10); 
     counter++; 
    }}, 2000); 
}     

Answer 1

は、彼らが不幸と苦しみを招待し、タイムアウトを使用しないようにしてください。これは簡単な例ですが、私はイベントをアタッチするためにjqueryを使用しますが、この関数はjqueryから独立しています。重要なのは、オブジェクトを使用して、この場合は無名関数を使用して状態を追跡することです。

<button id="testButton"> 
test 
</button> 

$("#testButton").click(function() { 
    if (null == this.ran) { 
    console.log("do something"); 
    this.ran = true; 
    } 
}) 

Answer 2

下線またはlodashの_.once機能を見てみましょう：

var fn = _.once(function() { 
    console.log('this will only run once'); 
}); 

それともそれを自分で書く：

var fn = (function() { 
    var called = false; 
    var ret; 

    return function() { 
    if (called) return ret; 
    called = true; 
    // do stuff 
    // .. 
    ret = 'some return value'; 
    return ret; 
    }; 
})();