JavaScript 基础函数_深入剖析变量和作用域

函数定义和调用

定义函数，在JavaScript中，定义函数的方式如下：

function abs(x){ if(x >=0){ return x;}else{ return -x;}}

上述abs() 函数的定义如下：

function 指出这是一个函数定义;

abs 是函数的名称；

(x) 括号内列出函数的参数，多个参数以，分隔；

{...}之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句。

注意：函数体内部的语句在执行时，一旦执行到return 时，函数就执行完毕，并将结果返回。因此内部通过条件判断和循环可以在实现非常复杂的。

如果没有return语句，函数执行完毕后也会返回结果，只是结果为undefined。

由于JavaScript的函数也是一个对象，上述定义的abs()函数实际上是一个函数对象，而函数名abs可以视为指向该函数的变量。

var abs = function(x){ if(x >= 0){ return x;} else { return -x;}}

在这种方式下，function (x) { ... }是一个匿名函数，它没有函数名。但是，这个匿名函数赋值给了变量abs，所以，通过变量abs就可以调用该函数。

两种定义完全等价，注意第二种方式按照完整语法需要在函数体末尾加一个;，表示赋值语句结束。

调用函数时，按顺序传入参数即可：

abs(10); // 返回10
abs(-9); // 返回9

由于JavaScript 允许传入任意个参数而不受影响调用，因此传入的参数比定义的参数多也没有问题，虽然函数内部并不需要这些参数。

abs(10,'blablabla'); //返回10
abs(-9,'haha','hehe',null) // 返回9

传入的参数比定义的少也没有问题

abs(); 返回NaN

此时abs(x)函数的参数x 将收到undefined,计算结果为NaN

function abs(x){ if(typeof x !=='number'){ throw 'Not a number':} if(x >=0){ return x;}else{ return -x;}}

arguments

JavaScript 还有一个免费赠送的关键字 arguments,它只在函数内部起作用，并且永远指向当前函数的调用者传入的所有参数。

function foo(x){ alert(x); // 10for(var i=0; i < arguments.length;++){ alert(arguments[i]); // 10,20,30}}foo(10.20,30)

利用arguments，你可以获得调用者传入的所有参数。也就是说，即使函数不定义任何参数，还是可以拿到参数的值：

function abs(){ if(arguments.length ===0){ return 0;}var x = arguments[0]return x >=0 ? x : -x;}abs(); //0abs(10); // 10abs(-9) //9

实际上arguments最常用于判断传入参数的个数。你可能会看到这样的写法：

// foo(a[,b],c)

//接受2~3 个参数，b 是可选参数，如果只要出入两个参数，b默认为null

function foo(a,b,c){ if(arguments.length ===2){ // 实际拿到的参数是a 和b c 为undefinedc = b;b = null; // b 变为默认值