JavaScript｜函数

函数的定义和调用

定义

//第一种函数定义
function abs(x) {
   
    if (x >= 0) {
   
        return x;
    } else {
   
        return -x;
    }
}

//第二种函数定义方式
var abs = function (x) {
   
    if (x >= 0) {
   
        return x;
    } else {
   
        return -x;
    }
};

调用函数

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

abs(10, 'blablabla'); // 返回10
abs(); // 返回NaN

要避免收到undefined，可以对参数进行检查：

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

arguments

arguments，它只在函数内部起作用，并且永远指向当前函数的调用者传入的所有参数。最常用于判断传入参数的个数

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

rest参数

ES6标准引入了rest参数，统计函数可以改写为：

function foo(a, b, ...rest) {
   
    console.log('a = ' + a);
    console.log('b = ' + b);
    console.log(rest);
}

foo(1, 2, 3, 4, 5);
// 结果:
// a = 1
// b = 2
// Array [ 3, 4, 5 ]

foo(1);
// 结果:
// a = 1
// b = undefined
// Array []

变量作用域与解析赋值

变量提升

JavaScript的函数定义有个特点，它会先扫描整个函数体的语句，把所有申明的变量“提升”到函数顶部：

'use strict';

function foo() {
   
    var x = 'Hello, ' + y;
    console.log(x);
    var y = 'Bob';
}

foo();

对于上述foo()函数，JavaScript引擎看到的代码相当于：

function foo() {
   
    var y; // 提升变量y的申明，此时y为undefined
    var x = 'Hello, ' + y;
    console.log(x);
    y = 'Bob';
}

全局作用域

不在任何函数内定义的变量就具有全局作用域。实际上，JavaScript默认有一个全局对象window，全局作用域的变量实际上被绑定到window的一个属性：

var course = 'Learn JavaScript';
alert(course); // 'Learn JavaScript'
alert(window.course); // 'Learn JavaScript'

function foo() {
   
    alert('foo');
}

foo(); // 直接调用foo()
window.foo(); // 通过window.foo()调用

JavaScript实际上只有一个全局作用域。任何变量（函数也视为变量），如果没有在当前函数作用域中找到，就会继续往上查找，最后如果在全局作用域中也没有找到，则报ReferenceError错误。

名字空间

全局变量会绑定到window上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。

减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如：

// 唯一的全局变量MYAPP:
var MYAPP = {
   };

// 其他变量:
MYAPP.name = 'myapp';
MYAPP.version = 1.0;

// 其他函数:
MYAPP.foo = function () {
   
    return 'foo';
};
<