老师你好，有个问题

const movePromise = () => {

return new Promise((resolve) => {

setTimeout(resolve,1000)

});

})

}

与

const movePromise = () => {

return new Promise((resolve) => {

setTimeout(（）=>{

resolve();

},1000)

});

})

}

是否等价，有何不同？

结合课程一开始的例子：

const move = (el, { x = 0, y = 0 } = {}, end = () => { }) => {

el.style.transform = `translate3d(${x}px,${y}px,0)`;

el.addEventListener('transitionend', () => {

end();

}, false);

};

老师在视频中说用promise包装一下：

const movePromise = (el, point) => {

return new Promise((resolve) => {

move(el, point, () => {

resolve();

});

})

}

如此包装，与：

const movePromise = (el, point) => {

return new Promise((resolve) => {

move(el, point, resolve);

})

}

是否等价？会造成什么后果？会产生错误吗？

weixin_慕码人7523200 2021-12-09

源自：Promise 6-1 课程总结

收起

1回答

好帮手慕小李 2021-12-09 11:08:52

同学你好：

1、两种不等价，不同在于第一种在页面加载完成后直接执行（原因setTimeout 的第一个参数是函数，如用resolve做第一参数，那么setTimeout上来就会执行，起不到延时的效果），第二种会遵循定时器时间延迟1秒后执行。

为了更好的给同学举例，老师给代码稍微做了小小的改动如下：

2、对于老师视频中讲解的例子来说，第2问中两种写法是等价的，但它们是有区别的。如下:

同学自己试试，祝学习愉快。

收起回答

提问者 weixin_慕码人7523200 #1

第一问中，我在setTimeout里传入的是resolve，是没有括号的，你怎么加了个括号，即使加参数也应该是
const movePromise = () => {
            return new Promise((resolve) => {
setTimeout(resolve,1000,'你好')
                });
            })
        }

2021-12-09 11:18:50
提问者 weixin_慕码人7523200 #2

第一问中，resolve我没有加括号呀，你怎么加了括号，如果要加参数，那也应该是
const movePromise = () => {
            return new Promise((resolve) => {
setTimeout(resolve,1000,'你好')
                });
            })
        }

2021-12-09 11:42:24
提问者 weixin_慕码人7523200 #3

第一问中，我在setTimeout中的resolve没加括号呀，你怎么加了括号，如果要加参数也是这样加： const movePromise = () => { return new Promise((resolve) => { setTimeout(resolve,1000，"你好") }); }) }

2021-12-09 12:25:29