JavaScript 异步回调控制执行顺序与函数参数机制详解

异步回调控制执行顺序

需求场景如下：

定义函数A，其内部包含异步调用：`fun A() { asyn(parm1, parm2, onsuccess(){ }) ;}`

定义函数B，同样包含异步调用：`fun B() {asyn(paem1, parm2, onsuccess(){}) ;}`

核心要求是：函数B必须在函数A完全执行完毕后才能开始执行。

由于涉及异步操作，

若直接按顺序

A();

B();

无法保证执行条件的满足，因为异步任务不会阻塞主线程。

解决方案是将函数B作为回调参数传递给函数A，并在函数A的异步成功回调（onsuccess）中调用函数B。

调用方式示例为：A（B）;

这种嵌套回调的方式即可实现预期的串行执行功能。

JavaScript函数参数与arguments对象机制

理解这一机制的基础在于JavaScript是单线程的，

1、在调用函数时，如果传入的参数数量多于函数定义时的形参个数，多余的参数将被忽略；如果传入的参数少于定义时的个数，缺失的参数在函数体内会被自动赋予undefined值。

2、若使用function语句声明函数，该定义不可出现在循环或条件语句中；但若使用函数直接量（函数表达式）定义，则可以出现在任何JavaScript表达式中。

3、关于arguments对象：

函数的arguments对象类似数组，存储了函数调用时传入的实际参数，可通过arguments[0]、arguments[1]、arguments[2]等方式引用，即使这些参数未在函数定义中显式声明。但需注意，arguments并非真正的Array实例。

示例代码片段：

arguments[0] //表示第一个参数x

arguments[1] //表示第二个参数y

arguments[2] //表示第三个参数，前提是在调用函数时传入了三个参数

arguments.length //表示实际传入参数的个数

arguments.callee(x,y) //调用自身（用于递归等场景） }

arguments对象具备length属性，用于获取函数调用时实际传入参数的数量。

arguments对象还包含callee属性，用于引用当前正在执行的函数本身，这在匿名函数或递归实现中尤为有用。

4、函数的length属性（注意：函数本身也具有length属性）

与arguments.length不同，函数的length属性表示的是定义函数时声明的形参个数，而非调用时实际传入的参数个数。可以通过arguments.callee.length来获取该函数的length属性值。