Question

我正在尝试学习此代码的基础，但我不理解e =>的含义。我想这是一种捷径，我已经做过一些研究，但没有发现任何东西。我想充分利用这段代码。那么你能帮助我，或者至少不献身吗？这是什么语法？

const scriptURL = 'https://script.google.com/macros/s/AKfycbzslEnJtPfNT6z0ohrXP9cZYGhWvKVsFjQV7eLcriT3tok5D5ty/exec'
  							const form = document.forms['submit-to-google-sheet']
            				form.addEventListener('submit', e => {
								e.preventDefault()
    							fetch(scriptURL, { method: 'POST', body: new FormData(form)})
      							.then($("#form").trigger("reset"))
      							.catch(error => console.error('Error!', error.message))})

Answer 1

e => {
    e.preventDefault();
}

等效于

function (e) {
    e.preventDefault();
}

... 在此特定示例中

form.addEventListener('submit', e => { e.preventDefault(); ... });

e是触发事件的eventObject。

form.addEventListener('submit', eventObj => { eventObj.preventDefault(); ... });

Answer 2

这是arrow function：

e => {}

是es6声明函数/闭包的方式。

在大多数情况下，它可以与以下项互换使用：

function(e){}

但是有一些区别，主要是从lack of binding到this，因此，如果希望它们在使用{{ 1}}放在您的函数（即原型函数）中。

addEventListener e =>是什么意思？

2 个答案: