JavaScript 中终止函数执行的方法

使用 return 终止函数

在 JavaScript 中，若需终止一个函数的执行，直接使用 return 语句即可。例如，定义函数 testA 并依次调用 alert('a')、alert('b') 和 alert('c')，执行 testA() 时，程序会按顺序弹出 'a'、'b' 和 'c'。

若在函数中加入 return 语句，如： function testA(){ alert('a'); return; alert('b'); alert('c'); } testA(); 程序执行弹出 'a' 后便会终止，不再执行后续的 alert('b') 和 alert('c')。

联动终止调用函数

当在函数中调用其他函数，且希望在被调用函数终止的同时也终止调用函数时，需采用特定方式。例如定义函数 testC： function testC(){ alert('c'); return; alert('cc'); }

定义函数 testD 并调用 testC： function testD(){ testC(); alert('d'); } testD(); 此时，尽管在 testC 中使用了 return，但 testD 仍会继续执行 alert('d')。因此，程序会依次弹出 'c' 和 'd'，return 仅终止了 testC 自身的后续代码，并未影响 testD。

为了解决上述问题，可修改函数返回值。例如修改 testC： function testC(){ alert('c'); return false; alert('cc'); }

在 testD 中判断 testC 的返回值： function testD(){ if(!testC()) return; alert('d'); } testD(); 这样，当 testC 返回 false 时，testD 中的 if 条件成立，执行 return 从而终止 testD。程序执行弹出 'c' 后，testC 和 testD 均会终止。