js为什么没有 import {...} as xxx from '' 这样的语法

Question

js为什么不能使用 import {...} as xxx from ''
在js 里我希望按需引入 还希望引入后可以用一个上下文来引用，不想直接暴露在整个命名空间里面。js或者ts 有没有类似的可以实现的方案

Answer 1

import {useState: state1,useRef } from "react"
// 上下写法同样用途
const {useState: state2 }=require("react")

1. 解构，解决按需引入的问题
2. 别名，解决与上下文具名冲突
3. 如果上面的不能用，可能是解释器问题？es5/es6那些玩意

Answer 2

你说的是这个吗

import * as service from xxx
// use
service.a()
service.b()

//-------------------

import { a, b } from xxx
a()
b()

可参考Module 的语法-import 命令

---

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 3

https://github.com/JSCIG/es-d...

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 4

import {a as cc,d as df} from "common"这是可以的
这是es6语法，可能需要babel转义一下

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 5

要想树摇优化则必须使用import {} from "xxx"的用法，如果想更改导入的名称可以用别名 import { xxx as yyy } from 'xxx'

或者也可以这样分步导入:import yyy from 'xxx/xx';import zzz from 'xxx/zz;'

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 6

import * as xxx from "..."
const { x, y } = xxx;

---

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 7

import * as xxx是支持Tree Shaking的，所以没必要再多此一举加个语法了。

如果所示，打包后的模块并没有包含minus。