JavaScript: let 和 const 提升的区别？

This question already has answers here:

Are variables declared with let or const hoisted?

(6 个回答)

4年前关闭。

背景

我有一个函数负责生成一个随机数并使其可用。

"use strict";

module.exports = function(args) {
    let {
        min,
        max,
    } = args;

    let currNumber = genRandom(min, max);

    const genRandom = (min, max) => Math.floor(Math.random() * max) + min;

    const getNumber = () => currNumber;    

    return Object.freeze({
        getNumber
    });
};

问题

出于我不明白的原因，当我使用 Node.js 7.8 运行此代码时，出现 genRandom is not defined 错误。

但是，如果我将代码更改为:

let currNumber = genRandom(min, max);

const genRandom = (min, max) => Math.floor(Math.random() * max) + min;

至:

const genRandom = (min, max) => Math.floor(Math.random() * max) + min;

let currNumber = genRandom(min, max);

那么它的工作原理!

我不明白为什么会发生这种情况。我认为 const 和 let 就像 var 一样被提升，但这让我相信我错了。

问题

有人可以向我解释这种行为吗？

最佳答案

const 或 let 与 var 不同的一件事是变量在声明之前是不可访问的。
只需查看规范:http://www.ecma-international.org/ecma-262/6.0/#sec-let-and-const-declarations

The variables are created when their containing Lexical Environment is instantiated but may not be accessed in any way until the variable’s LexicalBinding is evaluated.

Syntax

LexicalDeclaration_{[In, Yield]} :
    LetOrConst BindingList_{[?In, ?Yield]} ;

LetOrConst :
    let
    const

BindingList_{[In, Yield]} :
    LexicalBinding_{[?In, ?Yield]}
    BindingList_{[?In, ?Yield]} , LexicalBinding_{[?In, ?Yield]}

LexicalBinding_{[In, Yield]} :
    BindingIdentifier_[?Yield] Initializer_{[?In, ?Yield]}_opt
    BindingPattern_[?Yield] Initializer_{[?In, ?Yield]}

关于JavaScript: let 和 const 提升的区别？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43292347/

上一篇：javascript - 如何通过 javascript 在不公开 API key 的情况下将数据存储在 Amazon DB(没有服务器)中？

下一篇：javascript - 在 React 中添加没有状态的类？

javascript - FileReader，在 Chrome 中崩溃

php - 交互式单页应用程序

node.js - 在本地运行 Node test.js 时访问本地 Firebase 环境变量

typescript - ES6 与 TypeScript 中的泛型类型混合

javascript - React router + redux 向后导航不调用 componentWillMount

javascript - 验证已知值列表的 JSON 架构

javascript - Angular 4 Swiper集成(js初始化)

javascript - 返回值而不是 self 的类

Javascript 对象字面量 : what exactly is {a, b, c}?