ES6函数扩展

一、函数的 length 属性

1、length将返回没有指定默认值的参数个数，并且如果指定参数默认值的不是末尾参数，则其后面的参数不在计算范围内。

function Point(a, b=0, c){}
function test(a, b, c=0){}
			
console.log(Point.length);  //1
console.log(test.length);   //2

二、作用域

1、一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域。

var x = 1;
function f(x, y = x) {
      console.log(x);  // undefined
      console.log(y);  // undefined
}
f()

       分析：参数y的默认值等于变量x，当调用函数时参数形成自己作用域，在其中找到第一个参数x。

var x = 1;
function f(y = x) {
		let x= 2;
		console.log(x); 
		console.log(y);  
}
f();      // 2  1
f(5);     // 2  5

       分析：当函数调用时，参数形成的作用域里，x没有定义，所以y=x指向全局的x，y默认值是1。当传入参数时，默认值失效。
2、当参数默认值是函数时，规则一样。

var x = 10;
function bar(x, y=function(){x=2;}) {
		x = 5;
		y();
		console.log(x);
		console.log(y);
}
		bar();            // 2  f(){x=2;}
		console.log(x);   // 10

       分析：y函数内部的变量x，指向同一个作用域的第一个参数x，执行y()后，x=2；如果去掉y()，则输出x=5；如果再去掉x=5，则输出x未定义。

var x = 10;
function bar(x, y=function(){x=2;}) {
		x = 5;
		console.log(x);  // 5
		y();
		console.log(x);  // 2
		console.log(y);  // f(){x=2;}
}
bar(3);           
console.log(x);   // 10

三、rest参数(…变量名)

1、rest 参数之后不能再有其他参数（即只能是最后一个参数）。

function push(array, ...items) {
     items.forEach(function(item) {
		  array.push(item);
		  console.log(item);
	 });
}
			
var a = [];
push(a, 1, 2, 3);  // 1  2  3
console.log(a)     // [1, 2, 3]

2、在使用函数的length时，不计算rest参数

(function(...a) {}).length  // 0
(function(a, ...b) {}).length  // 1

四、严格模式

1、如果函数参数使用了默认值、解构赋值、扩展运算符（…a），那么函数内部就不能直接使用’use strict’。
       补充：扩展运算符，取出参数对象中的所有可遍历属性，拷贝到当前对象之中。如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉。

let bar = {a: 1, b: 2, d: 8};
let baz = {...bar, ...{a:2, b:4, c:6}};
console.log(baz);  // {a: 2, b: 4, d: 8, c: 6}

2、解决上述问题：(1)设定全局性的严格模式;(2)把函数包在一个无参数的立即执行函数里。

五、name 属性：返回函数的函数名

1、如果将一个具有函数名的函数赋值给一个变量，则返回这个函数原本的名字。

var f = function fun(){};
console.log(f.name);  //fun

六、箭头函数

function foo() {
  setTimeout(() => {
    console.log('number=', this.number);
  }, 1000);
}
var number = 25;
foo.call({ number: 52 });  // number= 52
foo()   // number= 25

       分析：上面代码中，setTimeout()的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 1000 毫秒后。如果是普通函数，执行时this应该指向全局对象window，这时应该输出25。但箭头函数导致this总是指向函数定义生效时所在的对象，所以打印出来的是52。