如何修改箭头功能以在 IE11 中工作

Question

我了解到箭头函数在 IE11 中不起作用。所以我下面的代码在 IE11 中抛出了一个语法错误。但是，我很难将其修改为正常功能。这是代码的问题行：

let selectors = [nextSlide, nextSlide - slick.slideCount, nextSlide + slick.slideCount].map( n => '[data-slick-index="${n}"]' ).join(', ');

我尝试将n => 更改为function(n) {}，如下所示，但这在所有浏览器中都会出错。

let selectors = [nextSlide, nextSlide - slick.slideCount, nextSlide + slick.slideCount].map( function(n) { '[data-slick-index="${n}"]' } ).join(', ');

我做错了什么？

如果有助于查看发生了什么，这里是完整的功能：

$('.text-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  let selectors = [nextSlide, nextSlide - slick.slideCount, nextSlide + slick.slideCount].map( n => '[data-slick-index="${n}"]' ).join(', ');
  $('.shimmer2').removeClass('shimmer2');
  $(selectors).addClass('shimmer2');
});

谢谢！

Answer 1

let selectors = [nextSlide, nextSlide - slick.slideCount, nextSlide + slick.slideCount].map( n => '[data-slick-index="${n}"]' ).join(', ');

像上面那样没有大括号的箭头函数隐式地返回表达式/语句的结果。对于带有大括号的箭头函数或像这里这样的非箭头匿名函数，你想明确地return：

let selectors = [nextSlide, nextSlide - slick.slideCount, nextSlide + slick.slideCount].map(function(n) {
    return '[data-slick-index="${n}"]';
}).join(', ');