博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于ES6 import命令的一个补充
阅读量:5876 次
发布时间:2019-06-19

本文共 871 字,大约阅读时间需要 2 分钟。

问题

今天查阅资料时发现,无论是阮一峰还是Mozilla网站有关ES6 import命令介绍部分都没有细致地提供这个命令后面可以跟一个文件路径的更多的细节。

其实,import命令一个典型的表达是其后面的from子句中可以直接跟一个路径(也常常跟一个省略.js扩展名的JS模块文件名)。

此时,ES6在解析时会到指定路径下查找一个名字为index.js的文件。注意:js文件只能用index.js,换其他名字都会报错!!!

典型应用

有关import命令的上述情况的一个典型应用是,把此文件夹下其他.js模块文件需要导出的内容汇总到这个index.js文件中,再有此文件统一导出必要的变量、函数和对象等提供给其他模块使用。

例如,在文件夹reducers下有文件index.js、visibilityFilter.js和todos.js等,在index.js文件中创建如下内容:

import {combineReducers} from 'redux'import todos from './todos'import visibilityFilter from './visibilityFilter'export default combineReducers({    todos,    visibilityFilter})

然后,在接下来的其他应用模块文件中就可以建立如下代码:

**import rootReducer from './reducers'**import './index.css';import App from './components/App';import registerServiceWorker from './registerServiceWorker';**const store=createStore(rootReducer)**ReactDOM.render(    
, document.getElementById('root'));

转载地址:http://ayzix.baihongyu.com/

你可能感兴趣的文章
向函数传递数组的问题
查看>>
上班族的坐姿
查看>>
ubuntu 12.04 下面安装vmware workstation 8.0.4
查看>>
[原创]FineUI秘密花园(二十三) — 树控件概述
查看>>
【Java学习笔记】如何写一个简单的Web Service
查看>>
如何解决This system is not registered with RHN.
查看>>
Cocos2d-x学习笔记(两)Cocos2d-x总体框架
查看>>
拆解探索MagSafe电源接口结构和指示灯变颜色原理
查看>>
Android中EditText,Button等控件的设置
查看>>
lintcode:Remove Nth Node From End of Lis 删除链表中倒数第n个节点
查看>>
POJ 1915-Knight Moves (单向BFS && 双向BFS 比)
查看>>
java中在linux下利用jstack检测死锁
查看>>
linux编译安装LAMP
查看>>
php中的continue用法
查看>>
Android小游戏应用---撕破美女衣服游戏
查看>>
TextKit简单示例
查看>>
网格最短路径算法(Dijkstra & Fast Marching)(转)
查看>>
最短路径算法-Dijkstra算法的应用之单词转换(词梯问题)
查看>>
软链接和硬链接详解
查看>>
HTML5 video 视频标签 常用属性
查看>>