javascript | es6 一个关于import的语法问题?

Question

问题1:
import导入模块在实际使用中,写在花括号内和写在花括号外的模块有什么不同?
比如下面这行代码.

import React, { Component,PropTypes } from 'react';

问题2:

以下的代码在使用过程中要如何选择?

import {xxx} from 'xxxx';
import xxx from 'xxxx';

先谢谢大家了.

Answer 1

针对问题1:

1、大括号包含的是一个对象，里面的变量名必须与引入模块的对外接口的名称相同；

2、然后就是像import React from 'react'这种写法，在模块定义里面，将整个模块导出export default，再进行导入，这时候，就可以自己定义引入的模块名称了；

针对问题2:

ES7有一个提案，就是去掉大括号，但是变量名还是必须与引入模块的对外接口的名称相同；

所以，个人觉得，问题2问的其实没到点。因为，你不确定你到底要怎么引入模块，没有具体的例子，所以，问题2没有一个确切的回答。

建议参考：阮一峰《ES6标准入门(import命令)》

Answer 2

可以参考 http://es6.ruanyifeng.com/#docs/module#import命令

如果想在一条import语句中，同时输入默认方法和其他变量，可以写成下面这样。

import customName, { otherMethod } from './export-default';

Answer 3

也有同样的问题，后来在stackoverflow上找到答案：link

Answer 4

这个是ES6的解构赋值，具体可以看阮一峰的解释的比较详细