在 Javascript 中导入的不同方式？ [复制]

Posted 2023-02-19

【中文标题】在 Javascript 中导入的不同方式？ [复制]

【英文标题】：Different ways of importing in Javascript? [duplicate]

【发布时间】：2021-11-03 16:19:39

【问题描述】：

在我的 .ts 文件中，我导入了三个类。但它们都以不同的方式完成。

import * as THREE from 'three'
import Stats from 'three/examples/jsm/libs/stats.module'
import OrbitControls from 'three/examples/jsm/controls/OrbitControls'

我来自 c#/lua 背景，不明白这里有什么区别。我的问题是：

我如何知道要使用哪种导入样式？ * 有什么作用，为什么第一行不需要任何路径——“三”不在我的根目录中。 为什么 OrbitControls 需要在对象内部？我可以像new OrbitControls(camera, renderer.domElement ); 那样构造它，但我不明白为什么。它是否将 OrbitControls 添加到全局空间？如果是这样，为什么在导入行中需要 ？

我了解 Stats 导入 - 这似乎很正常。它返回一个 Stats 对象，并且那里有一个相对路径。

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/javascript/Reference/…

【参考方案1】：

好吧，一般来说，如果你这样做：

// in styles.js
const RED = "red"
export const PINK = "pink"
const BLUE = "blue"
export 
  BLUE

export default RED


//in other file
import lalal (it doesnt matter how you call it if its the default export),BLUE, PINK as REALY_PINK (renaming the exported var)  from "./styles"
console.log(lalal) //=>red

【讨论】：

好的，所以在你的例子中，为什么除了export default之外还有export const，并且还在 中导出一个值？我知道这是一个例子，但你能告诉我每种方法的优点吗？谢谢！

当然，每个文件只能执行一个导出默认值，我认为 export const 对于任何不是反应组件的东西都更好，因为你可以做桶文件 - 看看@987654321 @