Hangisi daha hızlı? ($().data(xx) ve $.data(xx))

Bildiğiniz gibi data değerlerini almak için .data() metodunu kullanıyoruz. Ancak performans olarak değerlendirdiğimizde aslında $.data() fonksiyon metodunu kullanmak daha avantajlı.

Arasındaki kullanım farkını görmek gerekirse;

.data() için;

// değeri almak
$('.test').data('xxx');

// değer atamak
$('.test').data('xxx', 'yeni değer');

$.data() için;

// değeri almak
$.data('.test', 'xxx');

// değer atamak
$.data('.test', 'xxx', 'yeni değer')

Performans testi için aşağıdaki demoya bakabilirsiniz;

See the Pen Data Performance by heehee (@heehee) on CodePen.

Ancak öte yandan şöyle bir gerçek var ki, .attr() metodu her ikisinden de daha hızlı. Bu yüzden neden bu metodlar var diye insan sorgulamadan edemiyor 😀

.attr() için;

// değeri almak
$('.test').attr('data-xxx');

// değer atamak
$('.test').attr('data-xxx', 'yeni değer')

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“Hangisi daha hızlı? ($().data(xx) ve $.data(xx))” üzerine 5 yorum

  1. $.data() için;

    demişşiniz ama altında ornek verdiğinizde $.data() gibi bi kullanım yok ?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir