Где я должен писать «var» в этом коде Javascript?

Question

Я должен использовать переменную PHP вместо числа в JavasSript, поэтому я искал переполнение стека, и мне кажется, что я создаю переменную JavaScript вроде этой:

var ToShow = "<?php Print($settings['posts_per_page_to_show']); ?>";

, поэтому я должен изменить номер с указанным выше кодом:

 slidesToShow: 2, 

Где мне нужно добавить переменную JS в этот код? Также как я могу использовать переменную JS вместо 2 в этом коде?

Полный код:

$(document).ready(function() {
  $('.vertical-center-4').slick({
    centerMode: false,
    slidesToShow: 2,
    infinite: true,
    slidesToScroll: 2,
    //speed: 300,
    autoplay: true,
    autoplaySpeed: 3000,
    variableWidth: false,
    responsive: [{
        breakpoint: 1024,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2,
          infinite: true,
          dots: true,
          variableWidth: false,
        }
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
      // You can unslick at a given breakpoint now by adding:
      // settings: "unslick"
      // instead of a settings object
    ]
  });
});

Answer 1

, так что куда я должен добавить js переменную в этом коде

: Переменная может быть объявлена ​​внутри функции вне объекта.

также как я могу записать переменную js вместо 2 в этом коде? :

внутри объекта теперь у вас будет доступ к переменной.

 $(document).ready(function(){
        var ToShow = "<?php Print($settings['posts_per_page_to_show']); ?>";
        $('.vertical-center-4').slick({
            centerMode: false,
            slidesToShow: ToShow,
            infinite: true,
            slidesToScroll: 2,
            //speed: 300,
            autoplay: true,
            autoplaySpeed: 3000,
            variableWidth: false,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 2,
                        infinite: true,
                        dots: true,
                        variableWidth: false,
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
            ]
        });
    });