全局范围或重复函数中的常数变量

Question

我正在使用三分js建造一个虚拟空间，集成了3D资产和空间声音，因此它可能会受到挑战。我有一个在每个帧（每1/60秒）处调用的函数，我想知道将恒定变量放在哪里，以便它花费尽可能少的资源。

我认为我应该更好地将其放在全球范围中，因此不会在每个帧中再次分配它。但是我了解到，我应该尽可能避免“污染”全局范围，并且仅在给定功能中需要此变量。

那么，我应该把它放在全球范围内，因此污染了一点？是否每次重新分配它并从全球范围中读取相同的性能？

这是提供一些见解的功能，常数变量为easing_factor：

function easeTransition(current, old) {
  const EASING_FACTOR = 100;
  let result = {};
  for (const arg in current) {
    const diff = current[arg] - old[arg];
    result[arg] = old[arg] + diff / EASING_FACTOR;
  }

  return result;
}

谢谢！

Answer 1

const EASING_FACTOR = 100;
const EASING_FACTOR_INVERSE = 1/EASING_FACTOR

function easeTransition(current, old) {
  let result = {};
  for (const arg in current) {
    const diff = current[arg] - old[arg];
    result[arg] = old[arg] + diff * EASING_FACTOR_INVERSE;
  }

  return result;
}

划分比乘法慢，因此计算一次逆，然后进行数千个乘法而不是分隔是很有意义的。

其他模式应帮助您避免污染全球范围。实际上，我不确定这里的术语（哪种模块等），但是如果此代码在一个文件中，您只会导出peretransition函数，因此您的常数实际上不会是全局。

如果要尝试“手动”此操作，则会使用IIFE：

const easeTransition = (function(){
  const EASING_FACTOR = 100;
  return function _easeTransition(current, old) {
    let result = {};
    for (const arg in current) {
      const diff = current[arg] - old[arg];
      result[arg] = old[arg] + diff / EASING_FACTOR;
    }
    return result;
  }
})() //<- this invokes it "immediately" 

consting_factor现在在“闭合”中，而您唯一暴露的就是内部功能。