jQuery链接性能

Question

这些在速度方面是否相同？

$(this).attr("date",date);
$(this).attr("date_start",date_start);
$(this).attr("heure_start",heure_start);

或

$(this).attr("date",date).attr("date_start",date_start).attr("heure_start",heure_start);

即使第二个更快，最好单独编写它以使代码更具可读性吗？

Answer 1

不，两者的速度不相等。

$(this)每次都构建一个新的jQuery对象。并且取决于this是什么，这可能是一个复杂的操作。

所以第二种形式更快。<​​/ p>

请注意，为了便于阅读，您可以将其写为

$(this)
    .attr("date",date)
    .attr("date_start",date_start)
    .attr("heure_start",heure_start);

如果由于中间有其他代码行而无法链接操作，则还可以缓存该对象。这通常是：

var $this = $(this);
$this.attr("date", date);
$this.attr("date_start", date_start);
$this.attr("heure_start", heure_start);

还要注意attr可以将地图作为参数：

$(this).attr({
    date: date,
    date_start: date_start,
    heure_start: heure_start
});

Answer 2

出于可读性目的，您可以将该行拆分为

$(this)
    .attr("date",date)
    .attr("date_start",date_start)
    .attr("heure_start",heure_start);

我知道这本来应该是一个评论，但是间距没有任何意义。