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

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在 is 之前不会调用App它，并且在整个文件被解析之前不会发生这种情况。定义一个函数不会调用它。