> For the complete documentation index, see [llms.txt](https://xiaohesong.gitbook.io/today-i-learn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xiaohesong.gitbook.io/today-i-learn/front-end/es6/understanding-es6/function.md).

# function

## 函数相关部分

### function params

> 传参数`undefined`是使用默认参数, `null`是进行传参，参数就是`null`. 换而言之，想要使用默认的参数只能`method()`或者`method(undefined)`.

* 函数默认参数的`TDZ`

我们知道块级作用域会有`TDZ`. 其实方法参数也存在`TDZ`.

```javascript
function add(first = second, second) {
    return first + second;
}

console.log(add(1, 1));         // 2
console.log(add(undefined, 1)); // throws error
```

上面这段代码在调用时初始化默认函数的时候，其实时做了下面的事情.

```javascript
// JavaScript representation of call to add(1, 1)
let first = 1;
let second = 1;

// JavaScript representation of call to add(undefined, 1)
let first = second;
let second = 1;
```

所以会报错。因为触发了`TDZ`的规则。

⚠️函数的参数体有自己的作用域和`TDZ`,他和函数内容时分开的。这就意味着参数体内的默认值不能访问函数体内的任何变量。

* Rest Parameters

  * rest params must be last

    \`\`\`javascript // Syntax error: Can't have a named parameter after rest parameters function pick(object, ...keys, last) { let result = Object.create(null);

    ```
    for (let i = 0, len = keys.length; i < len; i++) {
        result[keys[i]] = object[keys[i]];
    }

    return result;
    ```

    }

  ````
  可以发现，如果不是放在最后一个，会有一个语法的错误.

  - can not use for single argument
  ```javascript
   let object = {
      // Syntax error: Can't use rest param in setter
    set name(...value) {
        // do something
    }
   };
  ````

  上面也会报错，因为这个`set`支持传入单个参数，但是`rest params`默认被视为多个参数，数组形式存在。

  **function**

  * Block-Level Functions

  块级函数，在es3之前，是不被支持的，会报语法错误，但是浏览器会支持他，可是每个浏览器的支持是不同的，存在差异。 目前在es5的严格模式下，也会出错。es6中是被很好的支持。但是有些地方需要注意。

  严格模式下:

  ```javascript
  'use strict'
  if (true) {

    console.log(typeof doSomething);        // "function"

    function doSomething() {
        // ...
    }

    doSomething();
  }

  console.log(typeof doSomething); // undefined
  ```

  这个例子可以看出很多的东西了。首先他也会进行提升，在未声明的时候，就可以获取到类型，这是因为被提升到块级顶级了。然后在外部访问函数，是访问不到的。 如何让他不被提升呢?可以使用`let/const`

  上面是一个严格的模式下，那么非严格模式呢？

```javascript
if (true) {

    console.log(typeof doSomething);        // "function"

    function doSomething() {
        // ...
    }

    doSomething();
}

console.log(typeof doSomething);            // "function"
```

他是忽视了块级，进行了全局的提升。

es6引入了新的函数`Arrow Function`

* arrow function
  * No this, super, arguments, and new\.target bindings
  * Cannot be called with new

    ```javascript
    MyType = () => {},
    object = new MyType();  // error - you can't use arrow functions with 'new'
    ```
  * No prototype&#x20;
  * Can't change this
  * No arguments object

    ```javascript
      const girl = (name = 'friend') => console.log(arguments) //error - ReferenceError: arguments is not defined
    ```
  * No duplicate named parameters