Question

我想使我的JS代码在外观上井井有条。但是我不知道从另一个函数内部调用一个函数是否不好，例如全局变量。

我在这里分享了一段代码。

谢谢。

function getEx() {
  return document.getElementById('example')
}

function getExTwo() {
  return document.getElementById("exampleTwo");
}

function getTheValue() {
  let getExValue = getEx();
  let getExTwoValue = getExTwo();
}

Answer 1

从另一个函数中调用一个函数绝对不是错误的编码。这实际上是功能的一部分-将逻辑过程分解成较小的部分。

这是一个如何工作的示例。

// Note: This is new ES6/ES7 syntax for writing JavaScript functions.
// I'm using it here because it's very terse.

const add = (a, b) => a + b;

const multiply = (a, b) => a * b;

const square = (a) => multiply(a, a);

const sumOfSquares = (arr) => {
  let sum = 0;
  arr.forEach(number => sum += square(number));
  return sum;
};

在上面的（简化的）示例中，我们使用不同的功能将问题的不同逻辑部分分解为更小，更易于管理的问题。例如，要计算数组[1, 10, 12]的平方和，我们希望能够添加东西，并且希望能够对东西求平方，因此创建用于执行每个函数的函数是一个好主意脚步。我们甚至可能要在这些函数中使用其他函数（例如，从multiply内部调用square）。

现在，是否有可能在创建新功能时投入过多？是。尽量避免编写基本上相同的多个函数。但是否则……发疯！

Answer 2

从另一个函数内部调用一个函数也不错。建议通过将代码分成较小的部分（每个部分处理一些特定的逻辑）来减少重复，以减少重复。这是代码的简化版本：

// ps: $ is not from jquery it is just a normal variable.
const $ = document.querySelector

const getValues = () => {
  const firstVal = $('#example')
  const secondVal = $('#exampleTwo')
}

从另一个函数内部调用变量是不好的吗？

2 个答案: