JavaScript函数调用及嵌套

た入场券 2022-08-20 05:30 178阅读 0赞

# 函数调用 #

函数的调用和C中差不多，但形式可能有点不同。JavaScript的函数调用形式为：(函数)(参数列表)或者函数名(参数列表)。后者和C是一样的，但前者和C是迥然不同的，因为C中函数声明和函数调用是区分开的。先来看下例子：

**\[javascript\]**  [view plain][]   [copy][view plain]

1.  **function** add(num1, num2) \{  
2.      **return** num1 + num2;  
3.  \}  
4.  **var** a = add(1, 2); // 3

这种方式就是函数名(参数列表)的形式，我们在C中经常见到，就不详细说了，我们可以把上面那个换种形式来展现：

**\[javascript\]**  [view plain][]   [copy][view plain]

1.  **var** a = (**function** add(num1, num2) \{  
2.      **return** num1 + num2;  
3.  \})(1, 2);  
4.  console.log(a);  // 3

这样我们就能实现声明和执行一块处理。

但是这样有个问题，我们再看一种情况：

**\[javascript\]**  [view plain][]   [copy][view plain]

1.  **var** a = (**function** add(num1, num2) \{  
2.      **return** num1 + num2;  
3.  \})(1, 2);  
4.  **var** b = add(1, 2); // error,add is not defined  
5.  console.log(a); // 3  
6.  console.log(b); // undefined

这是因为add这个变量的作用域仅限于括号内，这个在之后的作用域讲解中将讲到。

这样的调用，一般是在匿名函数中，为了让函数立即执行才使用这种方式，又或者，利用它的不足，利用JavaScript的作用域特点，将函数内的变量全部转为局部变量，达到封装和防止污染全局的目的。

# 函数嵌套 #

JavaScript的函数理论上是可以无限嵌套的，当然并不推荐嵌套太多，原因有很多，无论是性能还是代码简洁要求，都要求不应该嵌套太多。我们举一个嵌套的例子：

**\[javascript\]**  [view plain][]   [copy][view plain]

1.  **function** getAbs(num) \{  
2.      **function** isNegative(num) \{  
3.          **return** num < 0;  
4.      \}  
5.      **return** isNegative(num) ? -num : num;  
6.  \}  
7.  **var** a = getAbs(-1); // 1

记住一句话，有嵌套就有父子关系（相互嵌套的不在参考范围内，也极度不推荐）。在上面的例子中，父函数即为getAbs，子函数为isNegative。

在JavaScript的嵌套中，涉及到作用域的问题，我们先不讲太复杂的，简单的可以记成：父函数中声明的所有变量，或者说，父函数中能使用的变量，都能在子函数中使用，但反过来，子函数中显式声明的所有变量，都不能在父函数中使用。后面会讲到caller和callee来帮助理解嵌套。

[view plain]: http://blog.csdn.net/sysuzjz/article/details/43269039#