主页 / 问题 / 1170405
Accepted
Wells
Asked:2020-08-25 22:51:22 +0000 UTC2020-08-25 22:51:22 +0000 UTC

.then((data) => {...}); 有什么区别？从 .then(data => {...});

  • 772

我正在学习 JS，然后在 Promise 中对我来说不是很清楚。

这段代码有什么区别吗：

dataTransfer.then(product => {
    setTimeout(() => {
        console.log(product);
    }, 2000);
});

和这个

dataTransfer.then((product) => {
    setTimeout(() => {
        console.log(product);
    }, 2000);
});

我真的很感激一点解释！

javascript

2 个回答

  1. 箭头函数表达式的语法比函数表达式短，并且在词法上绑定到一个值this（但不绑定到它们自己的this、arguments、super或new.target）。箭头函数表达式不允许您指定名称，因此箭头函数是匿名的，除非它们被分配给某物。

    在这里阅读更多

    // Круглые скобки не обязательны для единственного параметра:
(singleParam) => { statements }
singleParam => { statements }
    • 0
  2. Best Answer

    箭头函数中的括号用于传递参数 - 就像在普通 ( function(){}) 中一样：

    const someFunc = () => { return "Hello, world!"; } // 0 параметров
const anotherFunc = (a) => { return a * 2; } // 1 параметр
const andAnother = (a, b, c) => { return a + b * c; }  // 3 параметра
// И так далее - в круглых скобках можно написать всё то же,
// что и в круглых скобках в function(){}

const useES6 = (...args) => { return args; } // ES6 spread operator! (если вы о нем  знаете)

    没有括号的选项是故意的。它适用于只有一个参数的函数：

    const multiplyBy2 = a => { return a*2; } // Работает для одного аргумента

const notWorkingFunc = a, b => { return a+b; } // Не сработает для двух
const anotherNotWorking =  => { return 1; } // Тоже не сработает (да и выглядит странно)

const useES6 = ...args => { return args; } // ES6 spread operator тут не работает

    在您的情况下，由于该函数只有一个参数，因此没有区别。
    希望能帮助到你。

    • 0

相关问题