JavaScript教程之ES6 import and export

当前位置:

首页 > 网站开发 > JQuery >

JavaScript教程之ES6 import and export

定义：

用来导入或者导出模块。

ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。

严格模式主要有以下限制。

变量必须声明后再使用
函数的参数不能有同名属性，否则报错
不能使用with语句
不能对只读属性赋值，否则报错
不能使用前缀 0 表示八进制数，否则报错
不能删除不可删除的属性，否则报错
不能删除变量delete prop，会报错，只能删除属性delete global[prop]
eval不会在它的外层作用域引入变量
eval和arguments不能被重新赋值
arguments不会自动反映函数参数的变化
不能使用arguments.callee
不能使用arguments.caller
禁止this指向全局对象
不能使用fn.caller和fn.arguments获取函数调用的堆栈
增加了保留字（比如protected、static和interface）

进入正文：

export import 是对应的。

第一种：export default

import defaultExport from "/module-name.js";

//对应的module-name.js文件中

//1个需要export的

<code class=" language-js"><span class="token keyword">export <span class="token keyword">default <span class="token keyword">function defaultExport<span class="token function"><span class="token punctuation">(x<span class="token punctuation">) <span class="token punctuation">{

  <span class="token keyword">return x <span class="token operator">* x <span class="token operator">* x<span class="token punctuation">;

<span class="token punctuation">}</span></span></span></span></span></span></span></span></span></span></span></span></code>

//多个需要export的
export default {
    applyMenus,
    loadMenuePage,
    addMenu,
    editMenu,
    delMenu,
    menuListPage,
    addMenuPage,
    editMenuPage
}

第二种：

import * as Backbone from 'backbone'
//以上代码是将backbone文件中所有导出，均以名字Backbone导入

第三种：

import { exportName as alias } from "/module-name";

//对应的export 文件
export { exportName }

export 可以输出变量，函数或者类（class）

var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;

export {firstName, lastName, year};

//第二种方法
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;

栏目列表