javascript 组合动画调用，如何理解？

Question

1. 这段代码为什么先高度变化再宽度变化呢？是不是函数当成参数传进另一个函数就要后执行

2. 如何优化这段代码?

自己传自己算递归么?

startMove(this,400,'height',function(){
            startMove(container,400,'width');//???
        });

<div id="container">

css

#container{    border: 1px solid blue;    width: 200px;    height: 200px;    background-color: red;    opacity: 0.5;
}

js

Answer 1

startMove(this,400,'height',function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startMove(container,400,'width');//??? &nbsp;&nbsp;&nbsp;&nbsp;});这个算是回调。jquery的animate（{left:50}，秒，回调1）.animate（{top:50}，秒，回调2）两个animate同时触发jquery的animate（{left:50}，秒，.animate（{top:50}，秒，回调2））第一个完了，执行第二个