ES6 export & import的基本用法
来源:互联网 发布:网络刷手兼职可信吗 编辑:程序博客网 时间:2024/06/09 16:36
模块功能主要由两个命令组成:export & import。 export用于规定模块的对外接口。 import用来引入其他模块提供的功能。
1. export 输出模块内的变量:
export var name = "hello world";
export var age = 18;
或者是(推荐写法)
var name = "hello";
var age = 18;
export {name, age};
2. export输出函数
export function add (a, b) {
return a + b;
} ;
输出函数还可以用as关键字重命名:
function A {...}
export { A as satHi };
需要注意的是:export输出的接口,与其内部的值是动态绑定的关系。通过接口可以得到内部实时的值。
export可以出现在模块的任何位置,但必须是顶层。
3. import:
import {name, age} from './detail'; //必须与对外接口的名称一致。
注意:import可以写在模块内任意位置,但必须是顶层,而且import有提升效果,会提升到模块头部首先执行。
另外还可以整体加载:
import * as detail from './detail';
console.log(‘My name is’ + detail.name + 'age is' + detail.age);
4. export default 命令:
不需要知道export的名称, import时我们可以任意指定。
//test.js
export default function () {
console.log("Hello World");
}
//main.js
import myInitname form './test'
myInitname (); //'Hello World'
注意一个模块内 默认输出只能使用一次。而且export default 后面不能跟变量声明语句。
5. export和import可以整合写在一起:
export {name, age} from './detail';
export { default } from './detail';
6 import()
适用于按需加载, 条件加载和动态路径加载。
- ES6 export & import的基本用法
- ES6模块的import和export用法总结
- ES6模块的import和export用法总结
- ES6模块的import和export用法总结
- 详解JavaScript ES6中export import与export default的用法和区别
- es6 import & export
- js es6 export import
- es6 module / import / export
- ES6 export,import
- ES6 export的常用用法
- es6的export default,export,import的区别
- export、export default、import的用法
- ES6中export及export default、import的区别
- 关于ES6的 模块功能 Module 中export import的用法和注意之处
- ES6 语法特点import export
- ES6中的import和export
- ES6 module export和import
- ES6基础--import和export
- ROS入门_1.19 总结篇: ROS基础概念与基本操作
- kafka学习笔记 --- Scala实现Kafka producer 和 consumer
- 新系统配置ASP.NET Core 站点
- 集合框架之List集合共性
- nginx.conf详解
- ES6 export & import的基本用法
- 直播弹幕滑动的view
- unix socket function网络编程API大全
- 最常用的6种原型文件格式对比
- 关于CoordinatorLayout和ListView滑动冲突的解决
- X-code8 模拟器截屏时崩溃的解决方法
- Spark Q&A : java.lang.NoSuchMethodError: scala.Predef$.ArrowAssoc
- 从数据库中获取数据并输出
- 机器学习入门