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

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

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

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

问题2:

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

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

先谢谢大家了.


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

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

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

针对问题1:

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

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

针对问题2:

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

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

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

【热门文章】
【热门文章】