Javascript 函数参数和参数
这里有一个名为displayMenuItems的函数。我正在努力理解函数参数和参数。我不明白为什么这个函数必须有参数（menuItems）。menuItems不会出现在代码中的任何其他地方，也没有为其指定值，所以为什么我必须将其放在那里？我就是想不起来。在我看来，把它放在那里似乎毫无意义Javascript 函数参数和参数,javascript,Javascript,这里有一个名为displayMenuItems的函数。我正在努力理解函数参数和参数。我不明白为什么这个函数必须有参数（menuItems）。menuItems不会出现在代码中的任何其他地方，也没有为其指定值，所以为什么我必须将其放在那里？我就是想不起来。在我看来，把它放在那里似乎毫无意义 函数显示菜单项（菜单项）{ 让displayMenu=menuItems.map（函数（项）{ 返回` ${item.title} ${item.price} ${item.desc} `; }); dis
函数显示菜单项（菜单项）{
让displayMenu=menuItems.map（函数（项）{
返回`
${item.title}
${item.price}
${item.desc}
`;
});
displayMenu=displayMenu.join（“”）；
sectionCenter.innerHTML=显示菜单；
}
//函数中的第一个和第二个参数
//分别命名为x和y
函数添加（x，y）{
返回x+y；
}
//但在外面，我们可以用任何我们喜欢的名字
常数foo=2；
常数棒=3；
日志（添加（foo，bar））；
//它甚至不需要是变量
控制台日志（添加（3,4））；
//而不是使用基于位置的参数
//我们还可以通过以下方式模拟命名参数：
//使用对象作为唯一参数。
函数减法（{x，y}）{
返回x-y；
}
//以上是
//函数减法（args）{
//返回args.x-args.y；
//}
//不，我们需要使用“名称”x和y
//设置参数
log（subtract（{x:5，y:2}））menu菜单menuItems菜单菜单项menuItems项项目标题说明价格imgsectionCenterdisplayMenuconst sectionCenter=document.querySelector（'.sectionCenter'）；
常量菜单=[{
标题:"苹果",，
描述：“一个红色的水果”，
价格：1.00，
img:'https://via.placeholder.com/128/F00/FFF?text=Apple'
}, {
标题:"香蕉",，
描述：“一个黄色的水果”，
价格：2.00，
img:'https://via.placeholder.com/128/FF0/000?text=Banana'
}, {
标题:"橙色",，
描述：“一个橘子水果”，
价格：1.50，
img:'https://via.placeholder.com/128/F70/FFF?text=Orange'
}];
//将'menu'的引用传递给函数。
//它在函数中称为“menuItems”。
显示菜单项（菜单）；
功能显示菜单项（菜单项）{
让displayMenu=menuItems.map（函数（项）{
返回`
${item.title}
$${item.price.toFixed（2）}
${item.desc}
`;
});
displayMenu=displayMenu.join（“”）；
sectionCenter.innerHTML=显示菜单；
}。分区中心{
显示器：flex；
对齐项目：居中；
文本对齐：居中；
}
.分区中心.菜单项{
弯曲方向：立柱；
弹性：1；
}menuItemsmenuItems.mapdisplayMenuItems（）sectionCenteraddxmapdisplayMenuItems（1）1.map（）[1,2]。映射（v=>v+1）[2,3]menuItemsmenumenuItems