如何解决在声明之前在函数组件内使用全局常量变量
我遇到了这段代码,但我不明白为什么在声明之前可以在函数组件中使用 const 变量 myList。
export default function ListComponent(props) {
const listItems = myList.map((item) => <li>{item}</li>);
return <ul>{listItems}</ul>;
}
const myList = ["apple","orange","strawBerry","blueBerry","avocado"];
但是下面的代码抛出一个错误。这是因为 let 或 const 变量在声明之前不能使用(用 let 和 const 定义的变量被提升到块的顶部,但没有被初始化。)
const b=2;
function test() {
console.log(a);
console.log(b);
}
test();
const a=1;
解决方法
ListComponent 在 myList 初始化后运行,因为您在导出中使用它并且声明发生在调用函数之前。
此外,使用通过“var”声明的变量时有一个例外。然后所有的声明都被移动到当前作用域的顶部并被初始化。您可以阅读有关提升 here
的更多信息版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。