Javascript箭头函数中的参数名称

Javascript箭头函数中的参数名称,javascript,lambda,promise,arrow-functions,Javascript,Lambda,Promise,Arrow Functions,我正在阅读Javascript的承诺类型,我被中div的用途难住了。然后(…) 函数go(){ showCircle(150150100)。然后(div=>{ div.classList.add('message-ball'); div.append(“你好,世界!”); }); } 函数显示圆(cx、cy、半径){ 设div=document.createElement('div'); div.style.width=0; div.style.height=0; div.style.left

我正在阅读Javascript的承诺类型,我被
中div的用途难住了。然后(…)

函数go(){ showCircle(150150100)。然后(div=>{ div.classList.add('message-ball'); div.append(“你好,世界!”); }); } 函数显示圆(cx、cy、半径){ 设div=document.createElement('div'); div.style.width=0; div.style.height=0; div.style.left=cx+'px'; div.style.top=cy+‘px’; div.className='圆圈'; 文件.正文.附加(div); 返回新承诺(解决=>{ 设置超时(()=>{ div.style.width=半径*2+‘px’; div.style.height=半径*2+‘px’; div.addEventListener('transitionend',函数处理程序(){ div.removeEventListener('transitionend',handler); 决议(div); }); }, 0); }) }
。消息球{
字体大小:20px;
线高:200px;
文本对齐:居中;
}
.圆圈{
过渡属性:宽度、高度、左侧边距、顶部边距;
过渡时间:2s;
位置:固定;
转化:translateX(-50%)translateY(-50%);
背景色:红色;
边界半径:50%;
}

点击我
在你的代码
showCircle(150150100)中的'div'。然后(div=>{})
是从promise函数ShowCircle返回的数据。通常,在arrow函数中,lambda表达式(=>)左侧的任何内容都是该函数的输入参数

div => {
//doSomething here
}


在promise-then情况下,提供给函数的输入是promise的返回值。这里的参数名为div,并保存ShowCircle()的返回值。

div这里是解析承诺时返回的对象。当使用匿名函数时,是否像
function(div){…}
那样编写它?
div
不是函数的名称。这是匿名箭头函数的第一个参数。@jaspreet说得通,谢谢!谢谢你的解释!这一点现在是有意义的:div是showCircle返回的结果,然后在代码中,它添加一个消息球并将消息附加到它。
function nameFunction(div){
//doSomething here
    }