js 函数的副作用分析
更新时间：2011年08月23日 22:54:54 作者：
函数副作用 指当调用函数时，除了返回函数值之外，还对主调用函数产生附加的影响。例如修改全局变量（函数外的变量）或修改参数。
函数副作用会给程序设计带来不必要的麻烦，给程序带来十分难以查找的错误，并且降低程序的可读性。严格的函数式语言要求函数必须无副作用。
函数的副作用相关的几个概念， Pure Function、 Impure Function、 Referential Transparent。
纯函数 ( Pure Function )
输入输出数据流全是显式（Explicit）的。 显式（Explicit）的意思是，函数与外界交换数据只有一个唯一渠道——参数和返回值。函数从函数外部接受的所有输入信息都通过参数传递到该函数内部。函数输出到函数外部的所有信息都通过返回值传递到该函数外部。
非纯函数 ( Impure Function )
与之相反。 隐式（Implicit）的意思是，函数通过参数和返回值以外的渠道，和外界进行数据交换。比如读取/修改全局变量，都叫作以隐式的方式和外界进行数据交换。
引用透明 ( Referential Transparent )
引用透明的概念与函数的副作用相关，且受其影响。 如果程序中两个相同值得表达式能在该程序的任何地方互相替换，而不影响程序的动作，那么该程序就具有引用透明性。它的优点是比非引用透明的语言的语义更容易理解，不那么晦涩。纯函数式语言没有变量，所以它们都具有引用透明性。
以下示例说明了引用透明与函数副作用的结合
result1 = (fun(a) + b) / (fun(a) -c);
temp = fun(a);
result2 = (temp + b) / (temp -c);
如果函数没有副作用，那么result1和result2将是等价的。然而如果fun有副作用，比如让b或c加1，那么result1和result2将不相等。因此，副作用违背了引用透明性。
在JavaScript中，引入了函数。但显然JS中的函数可以访问、修改全局变量（或定义在函数外的变量），如下
var a = 5;
function fun(){
a = 10;
}
fun(); // a 变成了10
JS中要想保证函数无副作用这项特性，只能依靠编程人员的习惯，即
1，函数入口使用参数运算，而不修改它
2，函数内不修改函数外的变量，如全局变量
3，运算结果通过函数返回给外部（出口）
函数的副作用相关的几个概念， Pure Function、 Impure Function、 Referential Transparent。
纯函数 ( Pure Function )
输入输出数据流全是显式（Explicit）的。 显式（Explicit）的意思是，函数与外界交换数据只有一个唯一渠道——参数和返回值。函数从函数外部接受的所有输入信息都通过参数传递到该函数内部。函数输出到函数外部的所有信息都通过返回值传递到该函数外部。
非纯函数 ( Impure Function )
与之相反。 隐式（Implicit）的意思是，函数通过参数和返回值以外的渠道，和外界进行数据交换。比如读取/修改全局变量，都叫作以隐式的方式和外界进行数据交换。
引用透明 ( Referential Transparent )
引用透明的概念与函数的副作用相关，且受其影响。 如果程序中两个相同值得表达式能在该程序的任何地方互相替换，而不影响程序的动作，那么该程序就具有引用透明性。它的优点是比非引用透明的语言的语义更容易理解，不那么晦涩。纯函数式语言没有变量，所以它们都具有引用透明性。
以下示例说明了引用透明与函数副作用的结合
复制代码 代码如下:
result1 = (fun(a) + b) / (fun(a) -c);
temp = fun(a);
result2 = (temp + b) / (temp -c);
如果函数没有副作用，那么result1和result2将是等价的。然而如果fun有副作用，比如让b或c加1，那么result1和result2将不相等。因此，副作用违背了引用透明性。
在JavaScript中，引入了函数。但显然JS中的函数可以访问、修改全局变量（或定义在函数外的变量），如下
复制代码 代码如下:
var a = 5;
function fun(){
a = 10;
}
fun(); // a 变成了10
JS中要想保证函数无副作用这项特性，只能依靠编程人员的习惯，即
1，函数入口使用参数运算，而不修改它
2，函数内不修改函数外的变量，如全局变量
3，运算结果通过函数返回给外部（出口）
相关文章
这篇文章主要介绍了JS实现横向与竖向两个选项卡Tab联动的方法,涉及JavaScript遍历及动态修改页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要为大家详细介绍了angularJs+Bootstrap实现漂亮的计算器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
本文主要介绍了WebPack的基础知识，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了JS实现五星好评效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
变量在if条件中到底是true还是false，还是比较让人迷糊，下面来进行测试，测试常见的变量类型在if条件中的表现2014-07-07
这篇文章主要介绍了如何通过实践编写优雅的JavaScript代码。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，下面我们来学习一下吧2019-05-05
这篇文章主要给大家介绍了Javascript实现数组中的元素上下移动的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-04-04
这篇文章主要介绍了js+html5生成自动排列对话框实例，弹出多个对话框，可以自动排列，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
本文主要介绍了JavaScript WeakMap的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
这篇文章主要详细介绍了javascript操作数组的方法以及示例,需要的朋友可以参考下2014-12-12
最新评论