ES6新特性之函数的扩展实例详解

ES6的函数扩展，像是一场函数的盛宴，给开发者带来了诸多惊喜和便利。让我们一同走进这场盛宴，品味其中的精彩吧！

一、函数参数默认值

你是否遇到过这样的场景：调用函数时忘记传入某个参数，导致程序出错。在ES6中，这个问题得到了完美的解决——函数参数可以拥有默认值了！这样，你就可以放心地省略某些参数，而函数依然能够正常运行。例如：

```javascript

function log(x, y = 'World') {

console.log(x, y);

}

log('Hello') // 输出：Hello World

log('Hello', 'China') // 输出：Hello China

```

这种写法的好处在于，它不仅让代码更易读，而且有利于未来的代码优化。你可以为函数添加或移除参数，而不用担心影响已有的代码。

二、rest参数

在ES6中，我们引入了rest参数，用于获取函数的多余参数。有了它，我们再也不用使用麻烦的arguments对象了。rest参数搭配的是一个数组，该数组将多余的参数收纳其中。例如：

```javascript

function add(...values) {

let sum = 0;

for (var val of values) {

sum += val;

}

return sum;

}

add(2, 5, 3) // 输出：10

```

上面的add函数是一个求和函数，利用rest参数，我们可以向该函数传入任意数目的参数。

三、扩展运算符

扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，能将一个数组转为用逗号分隔的参数序列。例如：

```javascript

console.log(...[1, 2, 3]) // 输出：1 2 3

console.log(1, ...[2, 3, 4], 5) // 输出：1 2 3 4 5

```

四、箭头函数

ES6中的箭头函数，让函数的定义更加简洁。它的语法是：inputs => outputs。例如：

```javascript

var f = v => v;

//上面的箭头函数等同于

var f = function(v) {

return v;

};

```

===========================

一、箭头函数

原始代码：

```javascript

var f = () => 5; // 等同于 var f = function() { return 5; };

```

想象一下，你需要定义一个简单的函数，该函数无需任何参数，并总是返回数字 5。使用箭头函数，你可以非常简洁地实现这一目标。它的语法类似于一种快捷方式来创建函数表达式。实际上，箭头函数内部使用的是普通的函数语法，只不过用箭头符号 `=>` 来替代了 `function` 关键字。这使得代码看起来更简洁，更现代。

复杂示例：

```javascript

const getTempItem = id => ({ id: id, name: "Temp" });

```