javascript 函数限制调用代码

当我们编写 JavaScript 代码时，为了代码安全和可维护性，限制函数外部对函数内部代码的访问是十分重要的。在以下代码片段中，函数内部的数据变量可以被外部直接访问和修改，这会导致安全漏洞和代码不易维护。

let data = {
  name: 'John',
  age: 35
}

function fetchData() {
  return data;
}

console.log(fetchData()); // {name: "John", age: 35}
data.age = 40;
console.log(fetchData()); // {name: "John", age: 40}

为了解决这个问题，可以使用 JavaScript 的闭包来限制函数外部对函数内部代码的访问。

1. 闭包的基本概念和语法

JavaScript 闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的常见方式就是在一个函数内部创建另一个函数。以下是使用闭包限制函数内部数据访问和修改的基本代码结构。

function outer() {
  let data = {
    name: 'John',
    age: 35
  }

  function inner() {
    return data;
  }

  return inner;
}

let fetchData = outer();
console.log(fetchData()); // {name: "John", age: 35}

在上述代码中，inner 函数被作为函数返回值返回给了外部，因此可以通过 fetchData 变量来访问 inner 函数。inner 函数仍然可以访问 outer 函数的局部变量 data，但是外部无法直接访问或修改 data 变量。

1. 示例说明：使用闭包限制函数内部计数器访问

在以下代码片段中，函数调用期间外部可以访问和修改 count 计数器变量的值。

function add() {
  let count = 0;
  return function() {
    count++;
    return count;
  }
}

let counter = add();
console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3

通过使用闭包，可以限制外部对 count 变量的访问和修改，使计数器更安全。

function add() {
  let count = 0;
  return function() {
    count++;
    return count;
  }
}

let counter = (function() {
  let privateCounter = 0;
  function changeBy(val) {
    privateCounter += val;
  }
  return {
    increment: function() {
      changeBy(1);
    },
    decrement: function() {
      changeBy(-1);
    },
    value: function() {
      return privateCounter;
    }
  }
})();

console.log(counter.value()); // 0
counter.increment();
console.log(counter.value()); // 1
counter.increment();
console.log(counter.value()); // 2
counter.decrement();
console.log(counter.value()); // 1

在上述代码中，计数器变量 count 被转换成一个私有变量 privateCounter，外部无法直接访问和修改它，只能通过 increment 和 decrement 方法间接访问和修改。