JavaScript，ES6从[重复]导入答案

【问题标题】：JavaScript, ES6 import from [duplicate]JavaScript，ES6从[重复]导入
【发布时间】：2020-11-18 21:34:04
【问题描述】：

导入的语法是：

import { something } from 'path/to/something';
import somethingElse from 'path/to/somethingElse';

这些示例以防某些导出默认值与否。

但是为什么我们在说from 之前要导入一些东西呢？

不应该多写逻辑：

from 'path/to/something' import { whatINeed }

因为 IDE 和 vscode 首先知道我要从哪里导入某些东西，所以它可以建议我每个导出的 const、函数等，以选择我需要的东西。

PS：不知道在哪里问这个。

【问题讨论】：

另见Why not have import module-name.export1 in javascript?

标签： javascript ecmascript-6 es6-modules

【解决方案1】：

您更喜欢的建议语法用于其他语言，Python 就是一个例子。

如果您已经在 from 之后定义了路径，当您在 {} 中导入时，自动完成功能仍然有效。

import 或 from 是否应该放在首位只是句法偏好问题。

这也通过通用语言来说明。

英语形容词放在名词之前，而法语形容词放在名词之后。

我不是在表达偏好，只是解释为什么会这样。

【讨论】：

【解决方案2】：

基本上是语法问题... 我认为它更具可读性

import {object} from '../../path';
import {object123} from '../../somefolder/path/someMorePath';
import {object1} from './smallPath';
import {object13} from './smallPath/path/path/path/path';

在这种情况下 - 每个对象都在左侧分组。一个在另一个之下。对我来说这是合乎逻辑的，因为导入的对象/函数/任何东西都比路径重要得多，而且很自然（在大多数国家/地区:)）从左侧开始阅读。

这只是我的看法:)

【讨论】：