Why is the numbering not immediately displayed in the click slider?

Question

JavaScript

Hello, here

is the code:

var num = $('.reviews__sl__num');
var slider = $('.reviews__sl');

slider.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide) {
  var i = (currentSlide ? currentSlide : 0) + 1;
  num.html(i + '<span>из</span>' + slick.slideCount);
});

the question is why the numbering of the slides is not displayed immediately, but only after the change of the slide is displayed, I kind of indicated: init, reInit (run the function after initialization and re-initialization)

I will be grateful for your help ...