《理解 ES6》阅读整理：函数（Functions）

Posted 2020-08-15

对于任何语言来说，函数都是一个重要的组成部分。在ES6以前，从javascript被创建以来，函数一直没有大的改动，留下了一堆的问题和很微妙的行为，导致在JavaScript中使用函数时很容易出现错误并且可能需要多余的代码实现一些基本的函数行为。在ES6中，函数有一个质的飞跃的改进，它充分考虑到过去数年间JavaScript开发者的需求和抱怨。与ES5相比，在ES6中使用函数开发不容易出错，而且更加灵活。

带默认参数的函数（Functions with Default Parameter Values）

在JavaScript中每个函数都是唯一的，函数不允许重载。不管函数声明时的参数有多少个，你都可以传入任意数量的实参。这允许你定义可以处理不同参数个数的函数，当参数没提供时，系统会使用默认的参数值。

在ES5中模拟默认参数值（Simulating Default Parameter Values in ECMAScript6）

在ES5或之前，通常如下创建一个带默认参数值的函数：

function makeRequest(url, timeout, callback) {
    timeout = timeout || 2000;
    callback = callback || function() {};
}

 在这个例子中，通常timeout和callback是可选的参数，因为它们都可以使用默认的值。当第一个操作数为false时，或操作就会返回第二个操作数。因为函数如果没有提供形参对应的实参，形参会被设置为undefined，所以通常用或操作为未传入值的参数设置默认值。然而上面的这个函数可能会有问题，当timeout传入0时，timeout的值仍然会被赋值为2000。一个更安全的方法是检查参数的类型：

function makeRequest(url, timeout, callback) {
    timeout = (typeof timeout !== "undefined") ? timeout : 2000;
    callback = (typeof callback !== "undefined") ? callback : function () {};
}

尽管上面的方法更安全，但是需要更多的代码去执行一个基本的操作。