1.函數(shù)參數(shù)的默認(rèn)值

(1).基本用法

在ES6之前，不能直接為函數(shù)的參數(shù)指定默認(rèn)值身诺，只能采用變通的方法此熬。

function log(x, y) { y = y || 'World';
 console.log(x, y);}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello World```
上面代碼檢查函數(shù)log的參數(shù)y
有沒(méi)有賦值甜刻，如果沒(méi)有呻袭，則指定默認(rèn)值為World。這種寫法的缺點(diǎn)在于堂氯，如果參數(shù)y賦值了重抖，但是對(duì)應(yīng)的布爾值為false，則該賦值不起作用祖灰。就像上面代碼的最后一行钟沛，參數(shù)y等于空字符，結(jié)果被改為默認(rèn)值局扶。為避免這個(gè)問(wèn)題恨统，先判斷y是否被賦值叁扫，如果沒(méi)有在等于默認(rèn)值。
```javascript 
if(typeof y === 'undefined'){
y = 'world'}```
ES6 允許為函數(shù)的參數(shù)設(shè)置默認(rèn)值畜埋，即直接寫在參數(shù)定義的后面莫绣。
```javascript 
function log(x, y = 'World') { 
console.log(x, y);}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello
//另一個(gè)例子
function Point(x = 0, y = 0) { 
this.x = x;
 this.y = y;}
var p = new Point();p
 // { x: 0, y: 0 }```

參數(shù)變量是默認(rèn)聲明的，所以不能用let或const再次聲明悠鞍。
function foo(x =5){let x =1;const x= 1;}這是不允許的对室。會(huì)報(bào)錯(cuò)誤
###(2).與解構(gòu)賦值默認(rèn)值結(jié)合使用
參數(shù)默認(rèn)值可以與解構(gòu)賦值的默認(rèn)值，結(jié)合起來(lái)使用咖祭。
```javascript 
function foo({x, y = 5}) { 
console.log(x, y);}
foo({}) // undefined, 5
foo({x: 1}) // 1, 5
foo({x: 1, y: 2}) // 1, 2
foo() // TypeError: Cannot read property 'x' of undefined```
上面代碼使用了對(duì)象的解構(gòu)賦值默認(rèn)值掩宜，而沒(méi)有使用函數(shù)參數(shù)的默認(rèn)值。只有當(dāng)函數(shù)foo的參數(shù)是一個(gè)對(duì)象時(shí)么翰，變量x和y才會(huì)通過(guò)解構(gòu)賦值而生成牺汤。如果函數(shù)foo調(diào)用時(shí)參數(shù)不是對(duì)象，變量x和y就不會(huì)生成浩嫌，從而報(bào)錯(cuò)檐迟。如果參數(shù)對(duì)象沒(méi)有y屬性，y的默認(rèn)值5才會(huì)生效码耐。
```javascript 
function fetch(url, { body = '', method = 'GET', headers = {} }) { 
console.log(method);}
fetch('http://example.com', {})// "GET"
fetch('http://example.com')// 報(bào)錯(cuò)```
上面代碼中追迟，如果函數(shù)fetch的第二個(gè)參數(shù)是一個(gè)對(duì)象，就可以為它的三個(gè)屬性設(shè)置默認(rèn)值骚腥。上面的寫法不能省略第二個(gè)參數(shù)怔匣，如果結(jié)合函數(shù)參數(shù)的默認(rèn)值，就可以省略第二個(gè)參數(shù)桦沉。這時(shí)，就出現(xiàn)了雙重默認(rèn)值金闽。
```javascript 
function fetch(url, { method = 'GET' } = {}) { 
console.log(method);}
fetch('http://example.com')// "GET"```
上面代碼中纯露，函數(shù)fetch沒(méi)有第二個(gè)參數(shù)時(shí)，函數(shù)參數(shù)的默認(rèn)值就會(huì)生效代芜，然后才是解構(gòu)賦值的默認(rèn)值生效埠褪，變量method才會(huì)取到默認(rèn)值GET。
```javascript 
// 寫法一
function m1({x = 0, y = 0} = {}) { return [x, y];}
// 寫法二
function m2({x, y} = { x: 0, y: 0 }) { return [x, y];}```
上面兩種寫法都對(duì)函數(shù)的參數(shù)設(shè)定了默認(rèn)值挤庇，區(qū)別是寫法一函數(shù)參數(shù)的默認(rèn)值是空對(duì)象钞速，但是設(shè)置了對(duì)象解構(gòu)賦值的默認(rèn)值；寫法二函數(shù)參數(shù)的默認(rèn)值是一個(gè)有具體屬性的對(duì)象嫡秕，但是沒(méi)有設(shè)置對(duì)象解構(gòu)賦值的默認(rèn)值渴语。
```javascript 
// 函數(shù)沒(méi)有參數(shù)的情況
m1() // [0, 0]
m2() // [0, 0]
// x和y都有值的情況
m1({x: 3, y: 8}) // [3, 8]
m2({x: 3, y: 8}) // [3, 8]
// x有值，y無(wú)值的情況
m1({x: 3}) // [3, 0]
m2({x: 3}) // [3, undefined]
// x和y都無(wú)值的情況
m1({}) // [0, 0];
m2({}) // [undefined, undefined]
m1({z: 3}) // [0, 0]
m2({z: 3}) // [undefined, undefined]```

###(3).參數(shù)默認(rèn)值的位置
通常情況下昆咽，定義了默認(rèn)值的參數(shù)驾凶，應(yīng)該是函數(shù)的尾參數(shù)牙甫。因?yàn)檫@樣比較容易看出來(lái)，到底省略了哪些參數(shù)调违。如果非尾部的參數(shù)設(shè)置默認(rèn)值窟哺，實(shí)際上這個(gè)參數(shù)是沒(méi)法省略的。
```javascript 
// 例一
function f(x = 1, y) { return [x, y];}
f() // [1, undefined]
f(2) // [2, undefined])
f(, 1) // 報(bào)錯(cuò)f(undefined, 1) // [1, 1]
// 例二
function f(x, y = 5, z) { return [x, y, z];}
f() // [undefined, 5, undefined]f
(1) // [1, 5, undefined]f(1, ,2) // 報(bào)錯(cuò)
f(1, undefined, 2) // [1, 5, 2]```

如果傳入undefined技肩，將觸發(fā)該參數(shù)等于默認(rèn)值且轨，null則沒(méi)有這個(gè)效果。
###(4).函數(shù)的length屬性
指定了默認(rèn)值以后虚婿，函數(shù)的length屬性旋奢，將返回沒(méi)有指定默認(rèn)值的參數(shù)個(gè)數(shù)。也就是說(shuō)雳锋，指定了默認(rèn)值后黄绩，length屬性將失真。
(function (a, b, c = 5) {}).length // 2
這是因?yàn)閘ength屬性的含義是玷过，該函數(shù)預(yù)期傳入的參數(shù)個(gè)數(shù)爽丹。某個(gè)參數(shù)指定默認(rèn)值以后，預(yù)期傳入的參數(shù)個(gè)數(shù)就不包括這個(gè)參數(shù)了辛蚊。同理粤蝎，rest參數(shù)也不會(huì)計(jì)入length屬性。
(function(...args) {}).length // 0
如果設(shè)置了默認(rèn)值的參數(shù)不是尾參數(shù)袋马，那么length屬性也不再計(jì)入后面的參數(shù)了初澎。
**(function (a, b = 1, c) {}).length // 1**
###(5).作用域
一個(gè)需要注意的地方是，如果參數(shù)默認(rèn)值是一個(gè)變量虑凛，則該變量所處的作用域碑宴，與其他變量的作用域規(guī)則是一樣的，即先是當(dāng)前函數(shù)的作用域桑谍，然后才是全局作用域延柠。
```javascript 
var x = 1;
function f(x, y = x) { console.log(y);}
f(2) // 2
//調(diào)用時(shí)，函數(shù)內(nèi)部x已經(jīng)生成锣披，y = x 贞间，而不是全局x</pre>
如果調(diào)用時(shí)，函數(shù)作用域內(nèi)部的變量x沒(méi)有生成雹仿，結(jié)果就會(huì)不一樣增热。
<pre>let x = 1;
function f(y = x) { let x = 2; console.log(y);}
f() // 1
//函數(shù)調(diào)用時(shí)，y的默認(rèn)值變量x尚未在函數(shù)內(nèi)部生成胧辽，所以x指向全局變量峻仇。```
如果此時(shí)，全局變量x不存在邑商，就會(huì)報(bào)錯(cuò)础浮。
```javascript 
function f(y = x) { let x = 2; console.log(y);}
f() // ReferenceError: x is not defined
//這樣寫也會(huì)報(bào)錯(cuò)
var x = 1;function foo(x = x) {  // ...}
foo() // ReferenceError: x is not defined```
如果參數(shù)的默認(rèn)值是一個(gè)函數(shù)帆调，該函數(shù)的作用域是其聲明所在的作用域。
```javascript 
let foo = 'outer';
   function bar(func = x => foo) {
     let foo = 'inner'; 
    console.log(func()); // outer
  }
bar();```
上面代碼中豆同，函數(shù)bar的參數(shù)func的默認(rèn)值是一個(gè)匿名函數(shù)番刊，返回值為變量foo。這個(gè)匿名函數(shù)聲明時(shí)影锈，bar函數(shù)的作用域還沒(méi)有形成芹务，所以匿名函數(shù)里面的foo指向外層作用的foo，輸出outer鸭廷。
如果寫成下面這樣枣抱，就會(huì)報(bào)錯(cuò)。
```javascript 
function bar(func = () => foo) { 
    let foo = 'inner'; 
    console.log(func());}
    bar() // ReferenceError: foo is not defined```
上面代碼中辆床，匿名函數(shù)里面的foo指向函數(shù)外層佳晶，但是函數(shù)外層并沒(méi)有聲明foo，所以就報(bào)錯(cuò)了讼载。
下面是一個(gè)更復(fù)雜的例子轿秧。
```javascript 
var x = 1;
function foo(x, y = function() { x = 2; }) { 
var x = 3; 
y(); 
console.log(x);}
foo() // 3```

上面代碼中，函數(shù)foo的參數(shù)y的默認(rèn)值是一個(gè)匿名函數(shù)咨堤。函數(shù)foo調(diào)用時(shí)菇篡，它的參數(shù)x的值為undefined，所以y函數(shù)內(nèi)部的x一開始是undefined一喘，后來(lái)被重新賦值2驱还。但是，函數(shù)foo內(nèi)部重新聲明了一個(gè)x凸克，值為3议蟆，這兩個(gè)x是不一樣的，互相不產(chǎn)生影響萎战，因此最后輸出3咐容。
如果將var x = 3的var去除，兩個(gè)x就是一樣的撞鹉，最后輸出的就是2。
##應(yīng)用
利用參數(shù)默認(rèn)值颖侄，可以指定某一個(gè)參數(shù)不得省略鸟雏，如果省略就拋出一個(gè)錯(cuò)誤。
```javascript 
function throwIfMissing() {
 throw new Error('Missing parameter');
}
function foo(mustBeProvided = throwIfMissing()) {
 return mustBeProvided;
}
foo()// Error: Missing parameter```

上面代碼的foo函數(shù)览祖，如果調(diào)用的時(shí)候沒(méi)有參數(shù)孝鹊，就會(huì)調(diào)用默認(rèn)值throwIfMissing函數(shù)，從而拋出一個(gè)錯(cuò)誤展蒂。
從上面代碼還可以看到又活，參數(shù)mustBeProvided的默認(rèn)值等于throwIfMissing函數(shù)的運(yùn)行結(jié)果（即函數(shù)名之后有一對(duì)圓括號(hào)）苔咪，這表明參數(shù)的默認(rèn)值不是在定義時(shí)執(zhí)行，而是在運(yùn)行時(shí)執(zhí)行（即如果參數(shù)已經(jīng)賦值柳骄，默認(rèn)值中的函數(shù)就不會(huì)運(yùn)行）团赏，這與python語(yǔ)言不一樣。另外耐薯，可以將參數(shù)默認(rèn)值設(shè)為undefined舔清，表明這個(gè)參數(shù)是可以省略的。
function foo(optional = undefined) { ··· }
#2.rest參數(shù)
ES6引入rest參數(shù)（形式為“...變量名”）曲初，用于獲取函數(shù)的多余參數(shù)体谒，這樣就不需要使用arguments對(duì)象了。rest參數(shù)搭配的變量是一個(gè)數(shù)組臼婆，該變量將多余的參數(shù)放入數(shù)組中抒痒。
```javascript 
function add(...values) { 
    let sum = 0; 
    for (var val of values) {
         sum += val;
     } 
    return sum;
}
add(2, 5, 3) // 10```
下面是一個(gè)rest參數(shù)代替arguments變量的例子。
```javascript 
// arguments變量的寫法
function sortNumbers() { 
return Array.prototype.slice.call(arguments).sort();}
// rest參數(shù)的寫法
const sortNumbers = (...numbers) => numbers.sort();```
上面代碼的兩種寫法颁褂，比較后可以發(fā)現(xiàn)故响，rest參數(shù)的寫法更自然也更簡(jiǎn)潔。
一個(gè)利用rest參數(shù)改寫數(shù)組push方法的例子
```javascript 
function push(array, ...items) { 
    items.forEach(function(item) {
         array.push(item); 
        console.log(item); 
    });
  }
  var a = [];
  push(a, 1, 2, 3)```
rest參數(shù)必須為最后一個(gè)參數(shù)痢虹，要不會(huì)報(bào)錯(cuò)
函數(shù)的length屬性被去，不包括rest參數(shù)。
```javascript 
(function(a) {}).length  // 1
(function(...a) {}).length  // 0
(function(a, ...b) {}).length  // 1```

#3.擴(kuò)展運(yùn)算符
擴(kuò)展運(yùn)算符（spread）是三個(gè)點(diǎn)（...）奖唯。它好比rest參數(shù)的逆運(yùn)算惨缆，將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列。
```javascript 
console.log(...[1, 2, 3])// 1 2 3
console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5
[...document.querySelectorAll('div')]// [<div>, <div>, <div>]```
該運(yùn)算符主要用于函數(shù)調(diào)用丰捷。
```javascript 
function push(array, ...items) { 
array.push(...items);}
function add(x, y) { 
return x + y;}
var numbers = [4, 38];
add(...numbers) // 42```
上面代碼中坯墨，array.push(...items)和add(...numbers)這兩行，都是函數(shù)的調(diào)用病往，它們的都使用了擴(kuò)展運(yùn)算符捣染。該運(yùn)算符將一個(gè)數(shù)組，變?yōu)閰?shù)序列
擴(kuò)展運(yùn)算符與正常的函數(shù)參數(shù)可以結(jié)合使用停巷，非常靈活耍攘。
```javascript 
function f(v, w, x, y, z) { }var args = [0, 1];f(-1, ...args, 2, ...[3]);```

###(1).替代數(shù)組的apply方法
由于擴(kuò)展運(yùn)算符可以展開數(shù)組，所以不再需要apply方法畔勤，將數(shù)組轉(zhuǎn)為函數(shù)的參數(shù)了蕾各。
```javascript 
// ES5的寫法
function f(x, y, z) {  // ...}
var args = [0, 1, 2];
f.apply(null, args);
// ES6的寫法
function f(x, y, z) {  // ...}
var args = [0, 1, 2];
f(...args);```
下面是擴(kuò)展運(yùn)算符取代apply方法的一個(gè)實(shí)際的例子，應(yīng)用Math.max方法庆揪，簡(jiǎn)化求出一個(gè)數(shù)組最大元素的寫法式曲。
```javascript 
// ES5的寫法
Math.max.apply(null, [14, 3, 77])
// ES6的寫法Math.max(...[14, 3, 77])
// 等同于Math.max(14, 3, 77);```
面代碼表示，由于JavaScript不提供求數(shù)組最大元素的函數(shù)，所以只能套用Math.max函數(shù)吝羞，將數(shù)組轉(zhuǎn)為一個(gè)參數(shù)序列兰伤，然后求最大值。有了擴(kuò)展運(yùn)算符以后钧排，就可以直接用Math.max了敦腔。
另一個(gè)例子是通過(guò)push函數(shù)，將一個(gè)數(shù)組添加到另一個(gè)數(shù)組的尾部卖氨。
```javascript 
// ES5的寫法
var arr1 = [0, 1, 2];var arr2 = [3, 4, 5];
Array.prototype.push.apply(arr1, arr2);
// ES6的寫法
var arr1 = [0, 1, 2];var arr2 = [3, 4, 5];
arr1.push(...arr2);```
```javascript 
// ES5
new (Date.bind.apply(Date, [null, 2015, 1, 1]))
// ES6
new Date(...[2015, 1, 1]);```

###(2).擴(kuò)展運(yùn)算符的應(yīng)用
####2.1.合并數(shù)組
擴(kuò)展運(yùn)算符提供了數(shù)組合并的新寫法会烙。
```javascript 
// ES5
[1, 2].concat(more)
// ES6
[1, 2, ...more]
var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];
// ES5的合并數(shù)組
arr1.concat(arr2, arr3);// [ 'a', 'b', 'c', 'd', 'e' ]
// ES6的合并數(shù)組
[...arr1, ...arr2, ...arr3]// [ 'a', 'b', 'c', 'd', 'e' ]```

####2.2.與解構(gòu)賦值結(jié)合
擴(kuò)展運(yùn)算符可以與解構(gòu)賦值結(jié)合起來(lái)，用于生成數(shù)組筒捺。
```javascript 
// ES5
a = list[0], rest = list.slice(1)
// ES6
[a, ...rest] = list```
下面是另外一些例子.
```javascript 
const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest  // [2, 3, 4, 5]
const [first, ...rest] = [];
first // undefined
rest  // []:
const [first, ...rest] = ["foo"];
first  // "foo"
rest  // []```
如果將擴(kuò)展運(yùn)算符用于數(shù)組賦值柏腻，只能放在參數(shù)的最后一位，否則會(huì)報(bào)錯(cuò)系吭。
```javascript 
const [...butLast, last] = [1, 2, 3, 4, 5];
// 報(bào)錯(cuò)
const [first, ...middle, last] = [1, 2, 3, 4, 5];
// 報(bào)錯(cuò)```

####2.3.函數(shù)的返回值
JavaScript的函數(shù)只能返回一個(gè)值五嫂，如果需要返回多個(gè)值，只能返回?cái)?shù)組或?qū)ο罂铣摺U(kuò)展運(yùn)算符提供了解決這個(gè)問(wèn)題的一種變通方法沃缘。
```javascript 
var dateFields = readDateFields(database);
var d = new Date(...dateFields);```

上面代碼從數(shù)據(jù)庫(kù)取出一行數(shù)據(jù)，通過(guò)擴(kuò)展運(yùn)算符则吟，直接將其傳入構(gòu)造函數(shù)Date槐臀。
####2.4.字符串
擴(kuò)展運(yùn)算符還可以將字符串轉(zhuǎn)為真正的數(shù)組。
```javascript 
[...'hello']// [ "h", "e", "l", "l", "o" ]</pre>
上面的寫法氓仲，有一個(gè)重要的好處水慨，那就是能夠正確識(shí)別32位的Unicode字符。
<pre>'x\uD83D\uDE80y'.length // 4
[...'x\uD83D\uDE80y'].length // 3```
上面代碼的第一種寫法敬扛，JavaScript會(huì)將32位Unicode字符晰洒，識(shí)別為2個(gè)字符，采用擴(kuò)展運(yùn)算符就沒(méi)有這個(gè)問(wèn)題啥箭。因此谍珊，正確返回字符串長(zhǎng)度的函數(shù)，可以像下面這樣寫急侥。
```javascript 
function length(str) {
 return [...str].length;}
length('x\uD83D\uDE80y') // 3```
如果不用擴(kuò)展運(yùn)算符砌滞，字符串的reverse操作就不正確。
```javascript 
let str = 'x\uD83D\uDE80y';
str.split('').reverse().join('')
// 'y\uDE80\uD83Dx'
[...str].reverse().join('')
// 'y\uD83D\uDE80x'```

####2.5.實(shí)現(xiàn)了Iterator接口的對(duì)象
任何Iterator接口的對(duì)象坏怪，都可以用擴(kuò)展運(yùn)算符轉(zhuǎn)為真正的數(shù)組贝润。
```javascript 
var nodeList = document.querySelectorAll('div');
var array = [...nodeList];```
上面代碼中，querySelectorAll方法返回的是一個(gè)nodeList對(duì)象陕悬。它不是數(shù)組题暖，而是一個(gè)類似數(shù)組的對(duì)象按傅。這時(shí)捉超，擴(kuò)展運(yùn)算符可以將其轉(zhuǎn)為真正的數(shù)組胧卤，原因就在于NodeList對(duì)象實(shí)現(xiàn)了Iterator接口。
對(duì)于那些沒(méi)有部署Iterator接口的類似數(shù)組的對(duì)象拼岳，擴(kuò)展運(yùn)算符就無(wú)法將其轉(zhuǎn)為真正的數(shù)組枝誊。
```javascript 
let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};
// TypeError: Cannot spread non-iterable object.
let arr = [...arrayLike];```
上面代碼中，arrayLike是一個(gè)類似數(shù)組的對(duì)象惜纸，但是沒(méi)有部署Iterator接口叶撒，擴(kuò)展運(yùn)算符就會(huì)報(bào)錯(cuò)。這時(shí)耐版，可以改為使用Array.from方法將arrayLike轉(zhuǎn)為真正的數(shù)組祠够。
####2.6.Map和Set結(jié)構(gòu)，Generator函數(shù)
擴(kuò)展運(yùn)算符內(nèi)部調(diào)用的是數(shù)據(jù)結(jié)構(gòu)的Iterator接口粪牲，因此只要具有Iterator接口的對(duì)象古瓤，都可以使用擴(kuò)展運(yùn)算符，比如Map結(jié)構(gòu)腺阳。
```javascript 
let map = new Map([ [1, 'one'], [2, 'two'], [3, 'three'],]);
let arr = [...map.keys()]; // [1, 2, 3]```
Generator函數(shù)運(yùn)行后落君，返回一個(gè)遍歷器對(duì)象，因此也可以使用擴(kuò)展運(yùn)算符亭引。
```javascript 
var go = function*(){ yield 1; yield 2; yield 3;};
[...go()] // [1, 2, 3]```

上面代碼中绎速，變量go是一個(gè)Generator函數(shù)，執(zhí)行后返回的是一個(gè)遍歷器對(duì)象焙蚓，對(duì)這個(gè)遍歷器對(duì)象執(zhí)行擴(kuò)展運(yùn)算符纹冤，就會(huì)將內(nèi)部遍歷得到的值，轉(zhuǎn)為一個(gè)數(shù)組主届。如果對(duì)沒(méi)有iterator接口的對(duì)象赵哲，使用擴(kuò)展運(yùn)算符，將會(huì)報(bào)錯(cuò)君丁。
#4.嚴(yán)格模式
從ES5開始枫夺，函數(shù)內(nèi)部可以設(shè)定為嚴(yán)格模式。
```javascript 
function doSomething(a, b) { 
'use strict'; 
 // code}```
《ECMAScript 2016標(biāo)準(zhǔn)》做了一點(diǎn)修改绘闷，規(guī)定只要函數(shù)參數(shù)使用了默認(rèn)值橡庞、解構(gòu)賦值、或者擴(kuò)展運(yùn)算符印蔗，那么函數(shù)內(nèi)部就不能顯式設(shè)定為嚴(yán)格模式扒最，否則會(huì)報(bào)錯(cuò)。
```javascript 
// 報(bào)錯(cuò)
function doSomething(a, b = a) { 'use strict';  // code}
// 報(bào)錯(cuò)
const doSomething = function ({a, b}) { 'use strict';  // code};
// 報(bào)錯(cuò)
const doSomething = (...a) => { 'use strict';  // code};
const obj = {  
// 報(bào)錯(cuò) 
doSomething({a, b}) { 'use strict';  // code }};```

這樣規(guī)定的原因是华嘹，函數(shù)內(nèi)部的嚴(yán)格模式吧趣，同時(shí)適用于函數(shù)體代碼和函數(shù)參數(shù)代碼。但是，函數(shù)執(zhí)行的時(shí)候强挫，先執(zhí)行函數(shù)參數(shù)代碼岔霸，然后再執(zhí)行函數(shù)體代碼。這樣就有一個(gè)不合理的地方俯渤，只有從函數(shù)體代碼之中，才能知道參數(shù)代碼是否應(yīng)該以嚴(yán)格模式執(zhí)行八匠，但是參數(shù)代碼卻應(yīng)該先于函數(shù)體代碼執(zhí)行絮爷。
#5.name屬性
函數(shù)的name屬性鳖谈，返回該函數(shù)的函數(shù)名瑰排。
function foo() {}
foo.name //foo
這個(gè)屬性早就被瀏覽器廣泛支持贯要，但是直到ES6，才將其寫入了標(biāo)準(zhǔn)椭住。
需要注意的是崇渗，ES6對(duì)這個(gè)屬性的行為做出了一些修改。如果將一個(gè)匿名函數(shù)賦值給一個(gè)變量京郑，ES5的name屬性宅广，會(huì)返回空字符串，而ES6的name
屬性會(huì)返回實(shí)際的函數(shù)名些举。
```javascript 
var func1 = function () {};
// ES5
func1.name // ""
// ES6
func1.name // "func1"```
如果將一個(gè)具名函數(shù)賦值給一個(gè)變量跟狱，則ES5和ES6的name屬性都返回這個(gè)具名函數(shù)原本的名字。
const bar = function baz(){}// bar.name都會(huì)返回baz
Function構(gòu)造函數(shù)返回的函數(shù)實(shí)例户魏，name屬性的值為“anonymous”驶臊。
(new Function).name // "anonymous"
bind返回的函數(shù)挪挤，name屬性值會(huì)加上“bound ”前綴。
```javascript 
function foo() {};
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "```

#6.箭頭函數(shù)
ES6允許使用“箭頭”（=>）定義函數(shù)关翎。
var f = v => v;等同于
var f = function(v) { return v;};
如果箭頭函數(shù)不需要參數(shù)或需要多個(gè)參數(shù)电禀，就使用一個(gè)圓括號(hào)代表參數(shù)部分。
```javascript 
var f = () => 5;
// 等同于var f = function () { return 5 };
var sum = (num1, num2) => num1 + num2;
// 等同于var sum = function(num1, num2) { return num1 + num2;};```
如果箭頭函數(shù)的代碼塊部分多于一條語(yǔ)句笤休，就要使用大括號(hào)將它們括起來(lái)，并且使用return語(yǔ)句返回症副。var sum = (num1, num2) => { return num1 + num2; }
由于大括號(hào)被解釋為代碼塊店雅，所以如果箭頭函數(shù)直接返回一個(gè)對(duì)象，必須在對(duì)象外面加上括號(hào). var getTempItem = id => ({ id: id, name: "Temp" });
箭頭函數(shù)可以與變量解構(gòu)結(jié)合使用贞铣。
```javascript 
const full = ({ first, last }) => first + ' ' + last;// 
等同于
function full(person) { return person.first + ' ' + person.last;}```
箭頭函數(shù)的一個(gè)用處是簡(jiǎn)化回調(diào)函數(shù)闹啦。
```javascript 
// 正常函數(shù)寫法
[1,2,3].map(function (x) { return x \* x;});
// 箭頭函數(shù)寫法
[1,2,3].map(x => x \* x);
// 正常函數(shù)寫法
var result = values.sort(function (a, b) { return a - b;});
// 箭頭函數(shù)寫法
var result = values.sort((a, b) => a - b);```
下面是rest參數(shù)與箭頭函數(shù)結(jié)合的例子。
```javascript 
const numbers = (...nums) => nums;
numbers(1, 2, 3, 4, 5)// [1,2,3,4,5]
const headAndTail = (head, ...tail) => [head, tail];
headAndTail(1, 2, 3, 4, 5)// [1,[2,3,4,5]]```

箭頭函數(shù)有幾個(gè)使用注意點(diǎn)辕坝。

+ （1）函數(shù)體內(nèi)的this對(duì)象窍奋，就是定義時(shí)所在的對(duì)象，而不是使用時(shí)所在的對(duì)象酱畅。
+ （2）不可以當(dāng)作構(gòu)造函數(shù)琳袄，也就是說(shuō)，不可以使用new命令纺酸，否則會(huì)拋出一個(gè)錯(cuò)誤窖逗。
+ （3）不可以使用arguments對(duì)象，該對(duì)象在函數(shù)體內(nèi)不存在餐蔬。如果要用碎紊，可以用Rest參數(shù)代替。
+ （4）不可以使用yield命令樊诺，因此箭頭函數(shù)不能用作Generator函數(shù)仗考。
上面四點(diǎn)中，第一點(diǎn)尤其值得注意词爬。this對(duì)象的指向是可變的秃嗜，但是在箭頭函數(shù)中，它是固定的顿膨。
DOM事件的回調(diào)函數(shù)封裝在一個(gè)對(duì)象里面痪寻。
```javascript 
var handler = { id: '123456', init: function() { 
document.addEventListener('click', 
event => this.doSomething(event.type), false); },
 doSomething: function(type) {
 console.log('Handling ' + type + ' for ' + this.id); }};```
除了this，以下三個(gè)變量在箭頭函數(shù)之中也是不存在的，指向外層函數(shù)的對(duì)應(yīng)變量：arguments碾局、super笼蛛、new.target。
另外顾画，由于箭頭函數(shù)沒(méi)有自己的this取劫，所以當(dāng)然也就不能用call()、apply()研侣、bind()這些方法去改變this的指向
####嵌套的箭頭函數(shù)
箭頭函數(shù)內(nèi)部谱邪，還可以再使用箭頭函數(shù)。下面是一個(gè)ES5語(yǔ)法的多重嵌套函數(shù)庶诡。
```javascript 
function insert(value) { 
return {into: function (array) {
 return {after: function (afterValue) { 
array.splice(array.indexOf(afterValue) + 1, 0, value); return array; }}; }};}
insert(2).into([1, 3]).after(1); //[1, 2, 3]```
上面這個(gè)函數(shù)惦银，可以使用箭頭函數(shù)改寫。
```javascript 
let insert = (value) => ({into: (array) => ({after: (afterValue) => { 
array.splice(array.indexOf(afterValue) + 1, 0, value); return array;}})});insert(2).into([1, 3]).after(1); //[1, 2, 3]```
下面是一個(gè)部署管道機(jī)制（pipeline）的例子末誓，即前一個(gè)函數(shù)的輸出是后一個(gè)函數(shù)的輸入扯俱。
```javascript 
const pipeline = (...funcs) => val =>
 funcs.reduce((a, b) => b(a), val);
const plus1 = a => a + 1;
const mult2 = a => a * 2;
const addThenMult = pipeline(plus1, mult2);
addThenMult(5)// 12```
如果覺(jué)得上面的寫法可讀性比較差，也可以采用下面的寫法喇澡。
```javascript 
const plus1 = a => a + 1;
const mult2 = a => a * 2;
mult2(plus1(5))// 12```
箭頭函數(shù)還有一個(gè)功能迅栅，就是可以很方便地改寫λ演算。
```javascript 
// λ演算的寫法
fix = λf.(λx.f(λv.x(x)(v)))(λx.f(λv.x(x)(v)))
// ES6的寫法
var fix = f => (x => f(v => x(x)(v)))
 (x => f(v => x(x)(v)));```
#7.綁定this
箭頭函數(shù)可以綁定this對(duì)象晴玖，大大減少了顯式綁定this對(duì)象的寫法（call读存、apply、bind）呕屎。但是让簿，箭頭函數(shù)并不適用于所有場(chǎng)合，所以ES7提出了“函數(shù)綁定”（function bind）運(yùn)算符秀睛，用來(lái)取代call拜英、apply、bind調(diào)用琅催。雖然該語(yǔ)法還是ES7的一個(gè)提案居凶，但是Babel轉(zhuǎn)碼器已經(jīng)支持。
函數(shù)綁定運(yùn)算符是并排的兩個(gè)雙冒號(hào)（::）藤抡，雙冒號(hào)左邊是一個(gè)對(duì)象侠碧，右邊是一個(gè)函數(shù)。該運(yùn)算符會(huì)自動(dòng)將左邊的對(duì)象缠黍，作為上下文環(huán)境（即this對(duì)象）弄兜，綁定到右邊的函數(shù)上面。
```javascript 
foo::bar;
// 等同于bar.bind(foo);
foo::bar(...arguments);
// 等同于
bar.apply(foo, arguments);
const hasOwnProperty = Object.prototype.hasOwnProperty;
function hasOwn(obj, key) { 
return obj::hasOwnProperty(key);
}```
如果雙冒號(hào)左邊為空瓷式，右邊是一個(gè)對(duì)象的方法替饿，則等于將該方法綁定在該對(duì)象上面。
```javascript 
var method = obj::obj.foo;
// 等同于
var method = ::obj.foo;
let log = ::console.log;
// 等同于
var log = console.log.bind(console);```
由于雙冒號(hào)運(yùn)算符返回的還是原對(duì)象贸典，因此可以采用鏈?zhǔn)綄懛ā?```javascript 
// 例一
import { map, takeWhile, forEach } from "iterlib";
getPlayers()
::map(x => x.character())
::takeWhile(x => x.strength > 100)
::forEach(x => console.log(x));
// 例二
let { find, html } =jake;
document.querySelectorAll("div.myClass")
::find("p")
::html("hahaha");```
#8.尾調(diào)用優(yōu)化
尾調(diào)用（Tail Call）是函數(shù)式編程的一個(gè)重要概念视卢，本身非常簡(jiǎn)單，一句話就能說(shuō)清楚廊驼，就是指某個(gè)函數(shù)的最后一步是調(diào)用另一個(gè)函數(shù)据过。
function f(x){ return g(x);}函數(shù)f的最后一步是調(diào)用函數(shù)g惋砂，這就叫尾調(diào)用。
以下三種情況绳锅，都不屬于尾調(diào)用西饵。
```javascript 
// 情況一
function f(x){ let y = g(x); return y;}
// 情況二
function f(x){ return g(x) + 1;}
// 情況三
function f(x){ g(x);}```
尾調(diào)用不一定出現(xiàn)在函數(shù)尾部，只要是最后一步操作即可鳞芙。
####尾調(diào)用優(yōu)化
尾調(diào)用之所以與其他調(diào)用不同眷柔，就在于它的特殊的調(diào)用位置。
我們知道原朝，函數(shù)調(diào)用會(huì)在內(nèi)存形成一個(gè)“調(diào)用記錄”驯嘱，又稱“調(diào)用幀”（call frame），保存調(diào)用位置和內(nèi)部變量等信息竿拆。如果在函數(shù)A的內(nèi)部調(diào)用函數(shù)B，那么在A的調(diào)用幀上方宾尚，還會(huì)形成一個(gè)B的調(diào)用幀丙笋。等到B運(yùn)行結(jié)束，將結(jié)果返回到A煌贴，B的調(diào)用幀才會(huì)消失御板。如果函數(shù)B內(nèi)部還調(diào)用函數(shù)C，那就還有一個(gè)C的調(diào)用幀牛郑，以此類推怠肋。所有的調(diào)用幀，就形成一個(gè)“調(diào)用椦团螅”（call stack）笙各。
尾調(diào)用由于是函數(shù)的最后一步操作，所以不需要保留外層函數(shù)的調(diào)用幀础芍，因?yàn)檎{(diào)用位置杈抢、內(nèi)部變量等信息都不會(huì)再用到了，只要直接用內(nèi)層函數(shù)的調(diào)用幀仑性，取代外層函數(shù)的調(diào)用幀就可以了惶楼。
```javascript 
function f() { let m = 1; let n = 2; return g(m + n);}f();
// 等同于
function f() { return g(3);}f();
// 等同于
g(3);```
上面代碼中，如果函數(shù)g不是尾調(diào)用诊杆，函數(shù)f就需要保存內(nèi)部變量m和n的值歼捐、g的調(diào)用位置等信息。但由于調(diào)用g之后晨汹，函數(shù)f就結(jié)束了豹储，所以執(zhí)行到最后一步，完全可以刪除 f(x) 的調(diào)用幀淘这，只保留 g(3) 的調(diào)用幀颂翼。
這就叫做“尾調(diào)用優(yōu)化”（Tail call optimization）晃洒，即只保留內(nèi)層函數(shù)的調(diào)用幀。如果所有函數(shù)都是尾調(diào)用朦乏，那么完全可以做到每次執(zhí)行時(shí)球及，調(diào)用幀只有一項(xiàng)，這將大大節(jié)省內(nèi)存呻疹。這就是“尾調(diào)用優(yōu)化”的意義吃引。
注意，只有不再用到外層函數(shù)的內(nèi)部變量刽锤，內(nèi)層函數(shù)的調(diào)用幀才會(huì)取代外層函數(shù)的調(diào)用幀镊尺，否則就無(wú)法進(jìn)行“尾調(diào)用優(yōu)化”。
####尾遞歸
函數(shù)調(diào)用自身并思，稱為遞歸庐氮。如果尾調(diào)用自身，就稱為尾遞歸宋彼。
遞歸非常耗費(fèi)內(nèi)存弄砍，因?yàn)樾枰瑫r(shí)保存成千上百個(gè)調(diào)用幀，很容易發(fā)生“棧溢出”錯(cuò)誤（stack overflow）输涕。但對(duì)于尾遞歸來(lái)說(shuō)音婶，由于只存在一個(gè)調(diào)用幀，所以永遠(yuǎn)不會(huì)發(fā)生“棧溢出”錯(cuò)誤莱坎。
```javascript 
function factorial(n) { 
if (n === 1) return 1;
 return n * factorial(n - 1);
}
factorial(5) // 120```
上面代碼是一個(gè)階乘函數(shù)衣式，計(jì)算n的階乘，最多需要保存n個(gè)調(diào)用記錄檐什，復(fù)雜度 O(n) 碴卧。
如果改寫成尾遞歸，只保留一個(gè)調(diào)用記錄乃正，復(fù)雜度 O(1) 螟深。
```javascript 
function factorial(n, total) {
 if (n === 1) return total; 
return factorial(n - 1, n * total);}
factorial(5, 1) // 120```
還有一個(gè)比較著名的例子，就是計(jì)算fibonacci 數(shù)列烫葬，也能充分說(shuō)明尾遞歸優(yōu)化的重要性
如果是非尾遞歸的fibonacci 遞歸方法
```javascript 
function Fibonacci (n) { 
if ( n <= 1 ) {return 1}; 
return Fibonacci(n - 1) + Fibonacci(n - 2);
}
Fibonacci(10); // 89// 
Fibonacci(100)// Fibonacci(500)// 堆棧溢出了```
如果我們使用尾遞歸優(yōu)化過(guò)的fibonacci 遞歸算法
```javascript 
function Fibonacci2 (n , ac1 = 1 , ac2 = 1) {
 if( n <= 1 ) {return ac2};
 return Fibonacci2 (n - 1, ac2, ac1 + ac2);
}
Fibonacci2(100) // 573147844013817200000
Fibonacci2(1000) // 7.0330367711422765e+208
Fibonacci2(10000) // Infinity```
由此可見界弧，“尾調(diào)用優(yōu)化”對(duì)遞歸操作意義重大，所以一些函數(shù)式編程語(yǔ)言將其寫入了語(yǔ)言規(guī)格搭综。ES6也是如此垢箕，第一次明確規(guī)定，所有ECMAScript的實(shí)現(xiàn)兑巾，都必須部署“尾調(diào)用優(yōu)化”条获。這就是說(shuō)，在ES6中蒋歌，只要使用尾遞歸帅掘，就不會(huì)發(fā)生棧溢出委煤，相對(duì)節(jié)省內(nèi)存。
####遞歸函數(shù)的改寫
尾遞歸的實(shí)現(xiàn)修档，往往需要改寫遞歸函數(shù)碧绞，確保最后一步只調(diào)用自身。做到這一點(diǎn)的方法吱窝，就是把所有用到的內(nèi)部變量改寫成函數(shù)的參數(shù)讥邻。比如上面的例子，階乘函數(shù) factorial 需要用到一個(gè)中間變量 total 院峡，那就把這個(gè)中間變量改寫成函數(shù)的參數(shù)兴使。這樣做的缺點(diǎn)就是不太直觀，第一眼很難看出來(lái)照激，為什么計(jì)算5的階乘发魄，需要傳入兩個(gè)參數(shù)5和1？
兩個(gè)方法可以解決這個(gè)問(wèn)題俩垃。方法一是在尾遞歸函數(shù)之外励幼，再提供一個(gè)正常形式的函數(shù)。
```javascript 
function tailFactorial(n, total) {
 if (n === 1) return total;
 return tailFactorial(n - 1, n * total);}
function factorial(n) { 
return tailFactorial(n, 1);}
factorial(5) // 120```
上面代碼通過(guò)一個(gè)正常形式的階乘函數(shù) factorial 吆寨，調(diào)用尾遞歸函數(shù) tailFactorial 赏淌，看起來(lái)就正常多了踩寇。
函數(shù)式編程有一個(gè)概念啄清，叫做柯里化（currying），意思是將多參數(shù)的函數(shù)轉(zhuǎn)換成單參數(shù)的形式俺孙。這里也可以使用柯里化辣卒。
```javascript 
function currying(fn, n) {
 return function (m) {
 return fn.call(this, m, n); };}
function tailFactorial(n, total) { 
if (n === 1) return total; 
return tailFactorial(n - 1, n * total);}
const factorial = currying(tailFactorial, 1);
factorial(5) // 120```
上面代碼通過(guò)柯里化，將尾遞歸函數(shù) tailFactorial 變?yōu)橹唤邮?個(gè)參數(shù)的 factorial 睛榄。
第二種方法就簡(jiǎn)單多了荣茫，就是采用ES6的函數(shù)默認(rèn)值。
```javascript 
function factorial(n, total = 1) { 
if (n === 1) return total; return factorial(n - 1, n * total);}
factorial(5) // 120```
上面代碼中场靴，參數(shù) total 有默認(rèn)值1啡莉，所以調(diào)用時(shí)不用提供這個(gè)值。
總結(jié)一下旨剥，遞歸本質(zhì)上是一種循環(huán)操作咧欣。純粹的函數(shù)式編程語(yǔ)言沒(méi)有循環(huán)操作命令，所有的循環(huán)都用遞歸實(shí)現(xiàn)轨帜，這就是為什么尾遞歸對(duì)這些語(yǔ)言極其重要魄咕。對(duì)于其他支持“尾調(diào)用優(yōu)化”的語(yǔ)言（比如Lua，ES6）蚌父，只需要知道循環(huán)可以用遞歸代替哮兰，而一旦使用遞歸毛萌，就最好使用尾遞歸。
####嚴(yán)格模式
ES6的尾調(diào)用優(yōu)化只在嚴(yán)格模式下開啟喝滞，正常模式是無(wú)效的阁将。
這是因?yàn)樵谡ＤＪ较拢瘮?shù)內(nèi)部有兩個(gè)變量囤躁，可以跟蹤函數(shù)的調(diào)用棧冀痕。
- func.arguments：返回調(diào)用時(shí)函數(shù)的參數(shù)。
- func.caller：返回調(diào)用當(dāng)前函數(shù)的那個(gè)函數(shù)狸演。
尾調(diào)用優(yōu)化發(fā)生時(shí)言蛇，函數(shù)的調(diào)用棧會(huì)改寫，因此上面兩個(gè)變量就會(huì)失真宵距。嚴(yán)格模式禁用這兩個(gè)變量腊尚，所以尾調(diào)用模式僅在嚴(yán)格模式下生效。
```javascript 
function restricted() { 
"use strict"; 
restricted.caller;  // 報(bào)錯(cuò) 
restricted.arguments; // 報(bào)錯(cuò)
}
restricted();```
####尾遞歸優(yōu)化的實(shí)現(xiàn)
尾遞歸優(yōu)化只在嚴(yán)格模式下生效满哪，那么正常模式下婿斥，或者那些不支持該功能的環(huán)境中，有沒(méi)有辦法也使用尾遞歸優(yōu)化呢哨鸭？回答是可以的民宿，就是自己實(shí)現(xiàn)尾遞歸優(yōu)化。
它的原理非常簡(jiǎn)單像鸡。尾遞歸之所以需要優(yōu)化活鹰，原因是調(diào)用棧太多，造成溢出只估，那么只要減少調(diào)用棧志群，就不會(huì)溢出。怎么做可以減少調(diào)用棧呢蛔钙？就是采用“循環(huán)”換掉“遞歸”锌云。
下面是一個(gè)正常的遞歸函數(shù)。
```javascript 
function sum(x, y) {
 if (y > 0) {
 return sum(x + 1, y - 1); } 
else { return x; }}
sum(1, 100000)// Uncaught RangeError: Maximum call stack size exceeded(…)```
上面代碼中吁脱，sum是一個(gè)遞歸函數(shù)桑涎，參數(shù)x是需要累加的值，參數(shù)y控制遞歸次數(shù)兼贡。一旦指定sum遞歸100000次攻冷，就會(huì)報(bào)錯(cuò)，提示超出調(diào)用棧的最大次數(shù)紧显。
蹦床函數(shù)（trampoline）可以將遞歸執(zhí)行轉(zhuǎn)為循環(huán)執(zhí)行讲衫。
```javascript 
function trampoline(f) { 
while (f && f instanceof Function) {
 f = f(); } 
return f;}```
上面就是蹦床函數(shù)的一個(gè)實(shí)現(xiàn)，它接受一個(gè)函數(shù)f作為參數(shù)。只要f執(zhí)行后返回一個(gè)函數(shù)涉兽，就繼續(xù)執(zhí)行招驴。注意，這里是返回一個(gè)函數(shù)枷畏，然后執(zhí)行該函數(shù)别厘，而不是函數(shù)里面調(diào)用函數(shù)，這樣就避免了遞歸執(zhí)行拥诡，從而就消除了調(diào)用棧過(guò)大的問(wèn)題触趴。
然后，要做的就是將原來(lái)的遞歸函數(shù)渴肉，改寫為每一步返回另一個(gè)函數(shù)冗懦。
```javascript 
function sum(x, y) {
 if (y > 0) {
 return sum.bind(null, x + 1, y - 1); }
 else { return x; }}```
上面代碼中，sum函數(shù)的每次執(zhí)行仇祭，都會(huì)返回自身的另一個(gè)版本披蕉。
現(xiàn)在，使用蹦床函數(shù)執(zhí)行sum乌奇，就不會(huì)發(fā)生調(diào)用棧溢出没讲。
trampoline(sum(1, 100000))// 100001
蹦床函數(shù)并不是真正的尾遞歸優(yōu)化，下面的實(shí)現(xiàn)才是礁苗。
```javascript 
function tco(f) { 
var value; 
var active = false; 
var accumulated = [];
 return function accumulator() { 
accumulated.push(arguments);
 if (!active) {
 active = true;
 while (accumulated.length) { 
value = f.apply(this, accumulated.shift()); 
} 
active = false;
 return value; 
} };}
var sum = tco(function(x, y) { 
if (y > 0) { return sum(x + 1, y - 1) }
 else { 
return x 
}});
sum(1, 100000)// 100001```
上面代碼中爬凑，tco函數(shù)是尾遞歸優(yōu)化的實(shí)現(xiàn)，它的奧妙就在于狀態(tài)變量active试伙。默認(rèn)情況下嘁信，這個(gè)變量是不激活的。一旦進(jìn)入尾遞歸優(yōu)化的過(guò)程迁霎，這個(gè)變量就激活了吱抚。然后百宇，每一輪遞歸sum返回的都是undefined考廉，所以就避免了遞歸執(zhí)行；而accumulated數(shù)組存放每一輪sum執(zhí)行的參數(shù)携御，總是有值的昌粤，這就保證了accumulator函數(shù)內(nèi)部的while循環(huán)總是會(huì)執(zhí)行。這樣就很巧妙地將“遞歸”改成了“循環(huán)”啄刹，而后一輪的參數(shù)會(huì)取代前一輪的參數(shù)涮坐，保證了調(diào)用棧只有一層。
#9.函數(shù)參數(shù)的尾逗號(hào)
ECMAScript 2017將允許函數(shù)的最后一個(gè)參數(shù)有尾逗號(hào)（trailing comma）誓军。
此前袱讹，函數(shù)定義和調(diào)用時(shí)，都不允許最后一個(gè)參數(shù)后面出現(xiàn)逗號(hào)。
```javascript 
function clownsEverywhere(
 param1,
 param2
) {/* ... */ }
clownsEverywhere( 
'foo',
 'bar'
);```
上面代碼中捷雕，如果在param2或bar后面加一個(gè)逗號(hào)椒丧，就會(huì)報(bào)錯(cuò)。
這樣的話救巷，如果以后修改代碼壶熏，想為函數(shù)clownsEverywhere添加第三個(gè)參數(shù)，就勢(shì)必要在第二個(gè)參數(shù)后面添加一個(gè)逗號(hào)浦译。這對(duì)版本管理系統(tǒng)來(lái)說(shuō)棒假，就會(huì)顯示，添加逗號(hào)的那一行也發(fā)生了變動(dòng)精盅。這看上去有點(diǎn)冗余帽哑，因此新的語(yǔ)法允許定義和調(diào)用時(shí)，尾部直接有一個(gè)逗號(hào)叹俏。
```javascript 
function clownsEverywhere( 
param1,
 param2,
) { /* ... */ }
clownsEverywhere( 'foo', 
'bar',
);```