JavaScript Arrow函数语法

Question

我正在学习JavaScript，并且一直在学习如何使用箭头函数语法，并且遇到了我无法完全理解的问题，并且我认为这是提出问题的最佳地点，因为我没有找到确切的答案正在寻找这个问题。 所以，这是代码。

let bigNumbers = [100, 200, 300, 400, 500];

let smallNumbers = bigNumbers.map(num => num / 100);

现在我的问题是，num是从哪里来的？ 这是存储代码运行时存储的新值的存储桶吗？ 我知道我们创建了一个新变量，由于数组中的元素已被修改，该变量将返回一个新数组？ 我不太确定，这就是为什么我需要澄清。 感谢您的时间。

Answer 1

num只是箭头函数的一个参数：

bigNumbers.map(num => num / 100)

...的简写，在功能上等同于：

bigNumbers.map((num) => {
    return num / 100;
});

在您的示例中，使用Array map()方法， num参数是该实例中要迭代的数组中的项目。

Answer 2

num是一个函数参数（或您的情况下的Method属性； .map()是Array.prototype的Method）。

num ... 您可以随意命名。

这里的基本含义是什么。 如果您查看一些文档，例如https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg])

您会看到第一个参数表示currentValue ，即当前的迭代值。

let smallNumbers = bigNumbers.map(num => num / 100);

转化为

let smallNumbers = bigNumbers.map((num) => {
    return num / 100;
});

这进一步转化为

var smallNumbers = bigNumbers.map(function(currentValue) {
    return currentValue / 100; // currentValue is the currently iterating value
});