javascript - 什么是 JavaScript 中不纯函数的示例

Question

看过很多纯函数以及它们如何没有副作用之后，不纯函数的例子会是什么，它总是被反对为不稳定和主要的错误来源？

Answer 1

例如，一个不纯函数对超出其自身范围的变量有副作用：

var count = 0;

function increaseCount(val) {
    count += val;
}

或者一个函数，它为相同的输入返回不同的值，因为它计算一个没有作为参数给出的变量：

var count = 0;

function getSomething() {
    return count > 0;
}

Answer 2

纯函数不依赖也不会修改超出其范围的变量的状态。

具体来说，这意味着纯函数在给定相同参数的情况下总是返回相同的结果。它的执行不依赖于系统的状态。

var values = { a: 1 };

function impureFunction ( items ) {
  var b = 1;

  items.a = items.a * b + 2;

  return items.a;
}

var c = impureFunction( values );
// Now `values.a` is 3, the impure function modifies it.

这里我们修改给定对象的属性。因此，我们修改了位于函数范围之外的对象：该函数是不纯的。

var values = { a: 1 };

function pureFunction ( a ) {
  var b = 1;

  a = a * b + 2;

  return a;
}

var c = pureFunction( values.a );

我们只是修改函数范围内的参数，外部没有任何修改！

var values = { a: 1 };
var b = 1;

function impureFunction ( a ) {
  a = a * b + 2;

  return a;
}

var c = impureFunction( values.a );
// Actually, the value of `c` will depend on the value of `b`.
// In a bigger codebase, you may forget about that, which may 
// surprise you because the result can vary implicitly.

这里， b 不在函数的范围内。结果将取决于上下文：预期的惊喜！

var values = { a: 1 };
var b = 1;

function pureFunction ( a, c ) {
  a = a * c + 2;

  return a;
}

var c = pureFunction( values.a, b );
// Here it's made clear that the value of `c` will depend on
// the value of `b`.

参考：更多详情，请点击这里

Answer 3

Math.random()是一个不纯函数；它改变了Math对象的内部状态，因此您在连续调用时获得不同的值。console.log()并且alert()是不纯函数，因为它们具有副作用（尽管它们产生相同的行为并且对于相同的调用总是返回相同的值）。

任何改变其参数之一的内部状态或某些外部变量的值的函数都是不纯函数。这包括调用方法改变闭包本身的内部状态的闭包：

let nextInt = (function() {
    var i = 0;
    return function() {
        return i++;
    };
})();

let a = nextInt(); // sets a to 0
let b = nextInt(); // sets b to 1
                   // etc.

你从哪里得到不纯函数总是被认为是坏事的想法？

Answer 4

1. 不纯函数是对相同的输入参数返回不同结果的函数，也就是说它依赖于某种状态；
2. 可能为相同的输入参数返回相同结果但会改变其他状态对象的函数。它不依赖但其他人依赖的对象 // 导致副作用

例子：

1)

 var toggled = false; /* state */

    /*impure function*/
    function  impureFn(number){
     if(number%2 == 0)
      toggled = true;
     return toggled;
    }

    /*Execute this in order */
    impureFn(5) // returns false
    impureFn(2) //returns true
    impureFn(5) // now returns true

Answer 5

我能想到的一个例子（这确实很令人困惑）是Array#reverse(). 它不是返回一个新数组，而是在返回原始数组的同时对其进行修改。

其他一些数组函数也可以做到这一点，例如splice, push, shift, pop, unshift。

Answer 6

pure函数（获取参数并返回新值）：

function (objectArgument) {
   return {
       value: objectArgument.value + 123,
       // other arguments
   };
}

impure函数（获取参数，修改它并返回修改后的对象）：

function (objectArgument) {
   objectArgument.value += 123;
   return objectArgument;
}