Question

我在这里有以下JavaScript代码：

var navSlide = function() {
  var burger = document.querySelector('.burger');
  var nav = document.querySelector('.nav-links');
  var navlinks = document.querySelectorAll('.nav-links li');

  burger.addEventListener('click', function(){
    nav.classList.toggle('nav-active');
  });

  navlinks.forEach((link, index) =>{
    console.log(index);
  });
}
navSlide();

我有navlinks.forEach((link, index) =>{的地方如何使用function（）代替=>？

我正在观看Youtube教程，但是对于使用=>而不是function（）感到困惑。我第一次看到它。

Answer 1

在这种情况下，

(<params>) => {}

等效于

function(<params>) {}

Answer 2

在此示例中：

  navlinks.forEach((link, index) =>{
    console.log(index);
  });

与

相同

 navlinks.forEach(function(link, index){
    console.log(index);
  });

显示Arrow functions and function declarations / expressions
之间的区别

如何使用function（）代替=>

2 个答案: