• Buradasın

    Debounce ve throttle nedir?

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    Debounce ve throttle, JavaScript'te sıklıkla kullanılan iki tekniktir ve her ikisi de işlevlerin çalışma zamanını kontrol etmeye yarar 15.
    • Debounce, bir işlevin yalnızca belirli bir süre içinde bir kez çalışmasını sağlar 15. Kullanıcı işlevi hızlı bir şekilde tetiklemeye devam etse bile, yalnızca en son tetikleme dikkate alınır 1. Bu, gereksiz işlev çağrılarını önler ve performansı artırır 15.
    • Throttle, bir işlevin belirli aralıklarla çalışmasını sağlar 15. Yani, bir fonksiyonun belirli bir süre boyunca çağrılabileceği maksimum sayıyı sınırlar 1. Kullanıcı işlevi hızlı bir şekilde tetiklemeye devam etse bile, işlev sadece belirli aralıklarla çalışır 1.
    Kullanım alanları:
    • Debounce: Arama kutuları, form validasyonları, pencere boyutlandırma olayları 15.
    • Throttle: Sayfa kaydırma olayları, pencere boyutlandırma olayları, fare hareketi olayları 15.
    5 kaynaktan alınan bilgiyle göre:

    Konuyla ilgili materyaller

    Debouncing nasıl çalışır?

    Debouncing, bir fonksiyonun gereksiz yere sık sık çağrılmasını önlemek için kullanılan bir tekniktir. Debouncing'in çalışma prensibi: Bekleme süresi: Fonksiyon, belirli bir süre boyunca çalıştırılmaz. Tekrar tetikleme: Eğer bekleme süresi içinde fonksiyon tekrar tetiklenirse, önceki çağrı iptal edilir ve zamanlayıcı sıfırlanır. Yürütme: Zamanlayıcı tamamlandığında ve başka bir tetikleme olmadığında, fonksiyon yürütülür. Bu sayede, fonksiyon yalnızca kullanıcı belirli bir süre boyunca etkileşime son verdiğinde çalıştırılır. Kullanım alanları: Arama çubuğu: Kullanıcı bir şey yazdığında, her harf için sunucuya istek göndermek yerine, debouncing sayesinde bu işlem belirli bir süre sonunda tek bir istek olarak gerçekleştirilir. Pencere yeniden boyutlandırma: Pencere yeniden boyutlandırıldığında, yeniden boyutlandırma olayı birden çok kez tetiklenebilir. Debouncing, bu olayın yalnızca belirli bir süre sonunda işlenmesini sağlar. Form doğrulama: Kullanıcı yazarken form doğrulama fonksiyonunun gereksiz yere tekrar tekrar çağrılmasını önler.