js 函数的副作用分析

JS 函数的副作用分析是指分析函数执行时除了返回值外，是否对外部环境造成了影响，例如修改全局变量值、修改参数值、调用外部API等。

以下是进行 JS 函数副作用分析的完整攻略：

步骤一：理解什么是函数的副作用

先来看看函数的定义：

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

这个函数的作用就是将两个值相加并返回结果，这里没有任何副作用。但是，如果函数中有除了返回值外的操作，比如修改全局变量或者调用外部 API 等，就会产生副作用。

函数副作用分为两类：

1.可见副作用（Visible side effects）：指直接可以被观察到的副作用，比如修改全局变量。

2.隐藏副作用（Hidden side effects）：指间接或不易观察到的副作用，比如调用网络请求接口。

步骤二：检查代码

在分析函数副作用前，需要检查函数代码是否存在下列情况：

1.是否修改了参数的值？

2.是否修改了全局变量的值？

3.是否在函数内访问了非局部变量？

4.是否使用了不纯的函数？

步骤三：分析代码

分析代码，需要检查函数是否改变了外部环境的状态。可以通过分析代码实现的功能，来判断是否存在副作用。

以下是两个例子说明：

示例一：修改全局变量

let name = 'Alice';

function greet() {
  name = 'Bob';
  return `Hello, ${name}!`;
}

console.log(greet()); // "Hello, Bob!"
console.log(name); // "Bob"

在这个例子中，greet 函数修改了全局变量 name 的值，所以存在副作用。在调用函数后，全局变量 name 的值也被修改为 "Bob"。

示例二：调用外部 API

function fetchData() {
  const data = fetch('https://example.com/data');
  return data;
}

在这个例子中，fetchData 函数会调用外部 API，这也是存在副作用的。

步骤四：总结和预防

在对函数进行副作用分析时，需要检查并总结哪些环境受到了影响，并在以后的代码编写中避免产生同样的副作用。

为避免副作用，可以使用下列技术：

1.使用局部变量，避免访问全局变量。

2.将修改全局变量的代码移动到函数内部，使其具有封闭性。

3.使用纯函数（Pure Function），不会产生副作用。

通过以上的办法可以避免函数副作用带来的问题，提高代码的健壮性和可维护性。