ES6学习笔记函数的扩展（函数的默认值）

一、函数参数的默认值
1.ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。例如

function log(x,y){
	y = y||'world';
	console.log(x,y)
}
log('hello'); //hello world
log('hello','china'); //hello china
log('hello',''); //hello world 

2.ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。

function log(x, y = 'World') {
  console.log(x, y);
}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello

3.参数变量是默认声明的，所以不能用let或const再次声明。

function foo(x = 5) {
  let x = 1; // error
  const x = 2; // error
}

4.使用参数默认值时，函数不能有同名参数。

// 不报错
function foo(x, x, y) {
  // ...
}

// 报错
function foo(x, x, y = 1) {
  // ...
}
// SyntaxError: Duplicate parameter name not allowed in this context

二、与解构赋值默认值结合使用
参数默认值可以与解构赋值的默认值，结合起来使用。

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

如果没有提供参数，函数foo的参数默一个空对象，不然会报错

//1
function foo({x, y = 5} = {}) {
  console.log(x, y);
}

foo() // undefined 5
//2
function fetch(url, { body = '', method = 'GET', headers = {} }) {
  console.log(method);
}

fetch('http://example.com', {})
// "GET"

fetch('http://example.com')
//3
function fetch(url, { body = '', method = 'GET', headers = {} } = {}) {
  console.log(method);
}

fetch('http://example.com')
// "GET"

三、函数的length属性
指定了默认值以后，函数的length属性，将返回没有指定默认值的参数个数。也就是说，指定了默认值后，length属性将失真。

(function (a){}).length  //1
(function (a = 5) {}).length // 0
(function (a, b, c = 5) {}).length // 2

如果设置了默认值的参数不是尾参数，那么length属性也不再计入后面的参数了。

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

四、作用域
设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域，在不设置参数默认值时，是不会出现的。

//指向第一个X的参数
var x = 1;
function f(x,y=x){
	console.log(y);
}
f(2) //2

//指向外层的X

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

f() // 1
//如果此时X没有定义就会报错
function f(y = x) {
  let x = 2;
  console.log(y);
}

f() // ReferenceError: x is not defined
//不容易发现的暂时性死区
var x = 1;

function foo(x = x) {
  // ...
}

foo() // ReferenceError: x is not defined
//参数再默认声明的时候（let x = x） 会形成暂时性死区

利用参数默认值，可以指定某一个参数不得省略，如果省略就抛出一个错误。

function throws() {
  throw new Error('缺少参数');
}
function foo(parameters= throw()) {
  return parameters;
}

foo()
// Error: 缺少参数