Javascript ES6 export const vs export let
2022-08-30 01:38:54
假设我有一个要导出的变量。两者之间有什么区别
export const a = 1;
与
export let a = 1;
我理解 和 之间的区别,但是当您导出它们时,它们有什么区别?const
let
假设我有一个要导出的变量。两者之间有什么区别
export const a = 1;
与
export let a = 1;
我理解 和 之间的区别,但是当您导出它们时,它们有什么区别?const
let
在 ES6 中,s 是导出值上的实时只读视图。因此,当您这样做时,无论您在模块中如何声明,都无法分配给 。import
import a from "somemodule";
a
a
但是,由于导入的变量是实时视图,因此它们会根据导出中的“原始”导出变量而变化。请考虑以下代码(借用自下面的参考文章):
//------ lib.js ------
export let counter = 3;
export function incCounter() {
counter++;
}
//------ main1.js ------
import { counter, incCounter } from './lib';
// The imported value `counter` is live
console.log(counter); // 3
incCounter();
console.log(counter); // 4
// The imported value can’t be changed
counter++; // TypeError
如您所见,区别真正在于 ,而不是 。lib.js
main1.js
总结一下:
import
let
const
const
let
import
我认为一旦你导入了它,行为是一样的(在原文件之外使用你的变量的地方)。
唯一的区别是,如果您尝试在此文件结束之前重新分配它。