1.现象 看redux的时候发现官网的教程里直接import了一个文件夹,我再三确定没有看错, 是一个 文件夹 (Directory), 它直接 import了一个目录!这个 文件夹/目录 底下还有一个index.js文件. js文件只能用index.js,换其他名字都会报错.我使用的是webpack + babel-loader来编译它的,也许是webpack或者是babel的某个设定而不是ES6 import本身的,总之这样是可以用的. 我也发现了这个问题,import是可以导入目录的,我看…

ES6 & import * & import default & import JSON import json & default value bug api.json { "attention": { "add": "/isv/duck/app/user/attention/add" } } apis.js "use strict"; /** * * @author xgqfrms * @…

定义: 用来导入或者导出模块. ES6 的模块自动采用严格模式,不管你有没有在模块头部加上"use strict";. 严格模式主要有以下限制. 变量必须声明后再使用 函数的参数不能有同名属性,否则报错 不能使用with语句 不能对只读属性赋值,否则报错 不能使用前缀 0 表示八进制数,否则报错 不能删除不可删除的属性,否则报错 不能删除变量delete prop,会报错,只能删除属性delete global[prop] eval不会在它的外层作用域引入变量 eval和argumen…

ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口. 不把require和import整清楚,会在未来的标准编程中死的很难看. JS ES6规范总结参考:https://www.cnblogs.com/burningmyself/p/7451393.html require时代的模块 node编程中最重要的思想…

1.示例 (1)a.js import {bar} from './b'; console.log('a.mjs'); console.log(bar); export let foo = 'foo'; (2)b.js import {foo} from './a'; console.log('b.mjs'); console.log(foo); export let bar = 'bar'; (3)循环引用 <template> <div> ES6 循环引用 </div&g…

html 中的 head 标签引入: <script src="test.js" type="module"></script> test.js : import { a } from "./test2.js"; console.log(a); test2.js: 'use strict' let a = 0; export { a }; node 版本:8.9,从官网下载的 msi 重装的: 在浏览器中运行正常,没有报错…

备注:    尽管nodejs 新版本已经支持es6 的好多特性了,但是还是有部分不支持,为了使用,实际上我们有一个 比较强大工具 bable,下面介绍几个比较简单的用法. 1. bable-cli 中的 babel-node a. 初始化项目 yarn init -y b. 安装依赖 babel-cli 备注:可以去全局,可以项目安装,演示使用的项目 yarn add babel-cli babel-preset-env babel-core c. 项目结构如下: ├── main.js ├─…

记得之前的一次面试中,有个面试官问了我关于es6导入和导出的一些知识点,可惜当时对这方面没在意,只知道每次机械的import和export,也不知道为啥要这样用,现在静下心来,好好的把这块看了下,顺便把自己的学习内容记录下来,方便将来的时候翻阅. 简介: es6模块主要是由export和import组成.一个模块就是一个独立的文件,该文件内容的变量外部无法获取.export用于规定模块的对外接口,import用于输入其他模块的功能.  它有以下的几个特点: 1,es6模块化是静态化的,编译时就能…

现在绝大多数的浏览器都不支持ES6,所以使用es6时需要使用bebal把es6转化为es5, 项目目录: demo1:单个js文件的转化 src文件下的 test1.js const aa="this is test1"; console.log("this is from test1",aa);\ 在项目根目录引入bebal文件 .babel 内容: { presets:["es2015"] } 安装babel-cli cnpm i babel…

1.export 命令 export 命令用于规定模块的对外接口. 一个模块就是一个独立的文件.该文件内部所有的变量,外部无法获取.要想外部能够读取模块内部的某个变量,就必须使用 export 关键字输出该变量. 语法: 1 export { name1, name2, …, nameN }; 2 export { variable1 as name1, variable2 as name2, …, nameN }; 3 export let name1, name2, …, nameN; //…