ES6 import and export

2018-06-24 02:18:50来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

定义:

用来导入或者导出模块。

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

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

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

进入正文:

export import 是对应的。

第一种:export default

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

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

//1个需要export的
export default function defaultExport(x) {
  return x * x * x;
}
//多个需要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;

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS基础——事件操作总结

下一篇:WebStorm中常用的快捷键及使用技巧