正确使用常量定义函数

Question

在JavaScript中使用const可以设置什么类型的值，特别是函数，有没有限制？这有效吗？虽然它确实有效，但出于任何原因，它被认为是不好的做法吗？

const doSomething = () => {
   ...
}

在ES6中，所有函数都应该这样定义吗？如果是这样，这似乎并没有流行起来。

Answer 1

自从有人问这个问题以来已经三年了，但我刚刚遇到它。由于这个答案已经很清楚了，请允许我重复一下：

问：我很感兴趣，在JavaScript中使用const可以设置哪些类型的值-特别是函数。这有效吗？当然它确实有效，但它是否出于任何原因被认为是不好的做法？

在观察了一位多产的JavaScript程序员之后，我有了做一些研究的动机，他总是使用const语句来实现函数，即使没有明显的原因/好处。

在回答“出于任何原因它被认为是不好的做法吗？”让我说，IMO，是的，或者至少，使用函数语句有好处。

在我看来，这在很大程度上是一个偏好和风格的问题。上面提出了一些很好的论点，但没有一个能像本文中所做的那样清楚：不断的困惑：为什么我仍然按媒体使用JavaScript函数语句。freecodecamp。org/billsourour，JavaScript大师，顾问和老师。

我敦促每个人都阅读那篇文章，即使你已经做出了决定。

以下是要点：

理想情况下，我希望或多或少地按照预期的执行顺序声明代码。

对我来说，这就是showstupper：在执行到达之前，使用const关键字声明的任何值都是不可访问的。

我上面所描述的迫使我们编写看起来颠倒的代码。我们必须从最低级别的函数开始并向上工作。

我的大脑不是那样工作的。我想先了解背景再了解细节。

大多数代码是由人类编写的。因此，大多数人的理解顺序大致遵循大多数代码的执行顺序是有道理的。

Answer 2

虽然使用const定义函数看起来像是一种黑客行为，但它有一些巨大的优势，使其更优越（在我看来）

>

它使函数不可变，因此您不必担心该函数被其他代码更改。

可以使用较短的胖箭头语法

使用箭头函数可以为您处理此绑定。

带有功能的示例

// define a function
function add(x, y) { return x + y; }

// use it
console.log(add(1, 2)); // 3

// oops, someone mutated your function
add = function (x, y) { return x - y; };

// now this is not what you expected
console.log(add(1, 2)); // -1

Answer 3

您所做的没有问题，但您必须记住函数声明和函数表达式之间的区别。

函数声明，即：

function doSomething () {}

被完全提升到作用域的顶部（就像let和const一样，它们也是块作用域）。

这意味着以下方法将起作用：

doSomething() // works!
function doSomething() {}

函数表达式，即：

[const | let | var] = function () {} (or () =>

是创建匿名函数（function（）{}）和创建变量，然后将该匿名函数分配给该变量。

因此，关于范围内变量提升的通常规则——块范围变量（let和const）不会随着未定义的变量提升到其块范围的顶部。

这意味着：

if (true) {
    doSomething() // will fail
    const doSomething = function () {}
}

将失败，因为未定义剂量测量。（它将抛出一个参考错误）

如果您切换到使用var，您可以提升变量，但它将被初始化为未定义，因此上面的代码块仍然不起作用。（这将引发类型错误，因为在调用时，doSomething不是函数）

就标准实践而言，您应该始终使用适合该工作的适当工具。

Axel Rauschmayer发表了一篇关于范围和提升的文章，包括es6语义：es6中的变量和范围