ES6 import and export

定义:

用来导入或者导出模块。

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;

原文地址:https://www.cnblogs.com/yadiblogs/p/9198558.html

时间: 2024-10-09 22:40:39

ES6 import and export的相关文章

[ES6]import 与export的用法 ,export 与export default 的 区别 以及用法

一.import 与export export(导出):用于对外输出本模块(一个文件可以理解为一个模块)变量的接口: import(导入):用于在一个模块中加载另一个含有export接口的模块. 1.一个a.js文件有如下代码: a.导出单个变量: export var name="李四"; b.导出多个变量: var name1="李四"; var name2="张三"; export { name1 ,name2 } c.导出函数: func

3分钟带你搞懂ES6 import 和 export

如下语句是 default import: // B.js import A from './A' 且只在A存在 default export 时生效: // A.js export default 42 这种情况下你用import语句, 随便取什么名字都没关系: // B.js import A from './A' import MyA from './A' import Something from './A' 因为他最终解析的是A.js 的 default export. 如下是命名为A

ES6中的export以及import的使用多样性

模块功能主要由两个命令构成:export和import.export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能. 一.export导出模块使用部分的几种方式 一个模块就是一个独立的文件.该文件内部的所有变量,外部无法获取.如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量.下面是一个 JS 文件,里面使用export命令输出变量. (1)利用default做接口导出 var a=1; export default a; export de

ES6学习笔记<五> Module的操作——import、export、as

import export 这两个家伙对应的就是es6自己的 module功能. 我们之前写的Javascript一直都没有模块化的体系,无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程,再用一种简单的方法把这些小工程连接在一起. 这有可能导致两个问题: 一方面js代码变得很臃肿,难以维护 另一方面我们常常得很注意每个script标签在html中的位置,因为它们通常有依赖关系,顺序错了可能就会出bug 在es6之前为解决上面提到的问题,我们得利用第三方提供的一些方案,主要有两种

Amd,Cmd, Commonjs, ES6 import/export的异同点

Amd,Cmd, Commonjs, ES6 import/export等均是模块化方案 1.Commonjs使用在Nodejs上,加载模块是同步的. 2.Amd是requirejs在推广过程中对模块定义的规范化产出,异步模块定义,requirejs是对这个概念的实现,好比JavaScript语言是对ECMAScript规范的实现. 3.Cmd是seajs在推广过程中对模块定义的规范化产出,是一个同步模块定义,seajs是cmd概念的一个实现,seajs是淘宝团队提供的一个模块开发的js框架.

export,import和export default的区别

首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块.也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件).这几个都是ES6的语法. export和import(一个导出一个导入) 一个a.js文件有如下代码: export va

js的import 与export详解

ES6 1.export default 其他模块加载该模块时,import命令可以为该匿名函数指定任意名字. 如: import Vue from 'vue' vue里面的第三方模块都是用了这个 使用import 不带{ }如上,一定要用export default 导出,不能用export导出: 显然,一个模块只能有一个默认输出,因此export default命令只能使用一次. export defalut 只能用import boy from '模块路径',不能带{} 所以,import

关于ES6 import命令的一个补充

问题 今天查阅资料时发现,无论是阮一峰还是Mozilla网站有关ES6 import命令介绍部分都没有细致地提供这个命令后面可以跟一个文件路径的更多的细节. 其实,import命令一个典型的表达是其后面的from子句中可以直接跟一个路径(也常常跟一个省略.js扩展名的JS模块文件名). 此时,ES6在解析时会到指定路径下查找一个名字为index.js的文件.注意:js文件只能用index.js,换其他名字都会报错!!! 典型应用 有关import命令的上述情况的一个典型应用是,把此文件夹下其他.

import、export的写法

大家都知道来到ES6版本,ES就原生支持JS Module的概念. import和export的写有哪些呢,我们看看: import a, {b, c} from './xxx.js'; // 等价于 import {default as a, b, c} from './xxx.js'; 原文地址:https://www.cnblogs.com/amiezhang/p/11217354.html