javascript - 为什么我可以调用在组件下面声明的函数？

Question

我认为如果在调用它们的位置下方定义了 Javascript 中的函数(除非涉及提升)，则无法调用它们。

但是，在 React 中，下面的代码将输出“Hello beta”。怎么来的？

import React from "react";

export default function App() {
  return (
    <div className="App">
      <h1>Hello {alpha()}</h1>
    </div>
  );
}

const alpha = () => beta();

const beta = () => "beta";

https://codesandbox.io/s/cool-kalam-idw8y?file=/src/App.js:0-203

Answer 1

alpha直到 App 才被调用是，直到整个文件被解析后才会发生。

定义一个函数不会调用它。