02_函数.md · uchenily/learn-js

## 普通函数

```js
function add(a, b) {
    return a + b;
}
```

## 匿名函数

写法一:

`function(args) { ... }`

```js
document.querySelector("html").addEventListener("click", function() {
    alert("hello");
});
```

写法二:

`(args) => { ... }`

```js
document.querySelector("html").addEventListener("click", () => {
    alert("hello");
});
```

> 箭头函数表达式相比函数表达式具有较短的语法且没有它自己的 this、arguments、super 和 new.target。箭头函数总是匿名的

## 闭包

JavaScript 允许函数嵌套，并且内部函数具有定义在外部函数中的所有变量和函数（以及外部函数能访问的所有变量和函数）的完全访问权限. 
(但是反过来不行, 外部函数不能访问定义在内部函数中的变量和函数)

另外, 由于内部函数可以访问外部函数的作用域，因此当内部函数生存周期大于外部函数时，外部函数中定义的变量和函数的生存周期将比内部函数执行的持续时间要长。当内部函数以某一种方式被任何一个外部函数之外的任何作用域访问时，就会创建闭包。

```js
const getCode = (function () {
    const apiCode = "0]Eal(eh&2"; // 我们不希望外部能够修改的代码......

return function () {
    // 内部函数可以访问外部函数的"apiCode" 变量
    return apiCode;
    };
    // 返回内部函数, 从而将变量保留给外部作用域
})();

console.log(getCode()); // "0]Eal(eh&2"=
```

## arguments 对象

函数的实际参数会被保存在一个类似数组的 arguments 对象中

```js
var concat = function(separator) {
    let result = "";
    for (let i = 1; i < arguments.length; i++) {
        result += arguments[i] + separator;
    }
    return result;
}

console.log(concat('!', 'x', 'y', 'z')); // 注意定义函数时只有一个参数

// x!y!z!
```

## 特殊函数参数

- 默认参数
- 剩余参数: 这种语法允许将不确定数量的参数表示为数组

```js
function multiply(multiplier, ...leftArgs) {
  return leftArgs.map((x) => multiplier * x);
}

const arr = multiply(2, 1, 2, 3);
console.log(arr);

// [ 2, 4, 6 ]
```

## 预定义函数

顶级内置函数

- eval(): 执行方法计算以字符串表示的 JavaScript 代码
- isFinite(): 判断传入的值是否是有限的数值
- isNaN(): 也可以使用 Number.isNaN()
- parseFloat()
- parseInt()
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()

uchenily/learn-js

简介

发行版

贡献者

近期动态

uchenily/learn-js .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

uchenily/learn-js