es6模块学习总结
模块功能主要由两个命令构成:export
和import。
export用于输出对外接口,improt用于输人接口
exprot 可以输出变量,也可以输出函数、类。
输出变量的三种写法
// 写法一
export var m = 1;
// 写法二,运用结构赋值
var m = 1;
export {m};
// 写法三
var n = 1;
export {n as m};
输出函数
//在test.js里面输出
export function add(x) {
return x + 1;
}
也可以写成
function add(x) {
return x + 1;
}
export {add};
获取函数
//在main.js里面获取
import add from './test.js' //'./test.js'是文件路径
add(1) //2
输出类
写法1
export class Point {
constructor(x, y) {
return this.x;
return this.y;
}
}
//写法2,跟1差不多
class Point1 {
constructor(x, y) {
return this.x;
return this.y;
}
}
export {Point,Poiont1}
获取
import {Point,Point1} from './test.js';
var a = new Point(1,2);
前面的例子使用import需要知道变量名与函数名
使用export default 命令获取则不需要
export default function foo() {
console.log('foo');
}
或者写成
function foo() {
console.log('foo');
}
export default foo
//test.js
function foo() {
console.log('foo');
}
export {foo as default}
//main.js
import {default as xxx} from './test.js'
最新文章
- CSS 相邻兄弟选择器
- 用redux构建购物车
- 十八、Java基础--------IO流体系以及字符流
- python核心编程第六章练习6-14
- LeetCode----Copy List with Random Pointer 深度拷贝,浅度拷贝,Lazy拷贝解析
- hdu 2426 Interesting Housing Problem 最大权匹配KM算法
- 导出Excel文件
- leetcode169——Majority Element (C++)
- 自动更改IP地址反爬虫封锁,支持多线程(转)
- Kinect for Windows V2.0 新功能
- win32 安装 xcache扩展
- 关于DOM中的model(将元素转成对象进行操作)
- EF查询百万级数据的性能测试
- Mysql(二):库操作
- C程序设计-----第0次作业
- 【Python】Shell MD5使用的那些事
- C#3.0 Lamdba表达式与表达式树
- Samba服务与Nginx服务
- Unity5 图形系统介绍 学习
- 记一次生产发版时SpringBoot服务停用启用的问题
热门文章
- 使用WindowManager添加View——悬浮窗口的基本原理
- python gui tkinter用法杂记
- 安装tomcat7.0.82
- typescript 定义全局变量以及扩展原生js对象
- ACM数论-欧几里得与拓展欧几里得算法
- ASP.NET Core 2.2 基础知识(十六) SignalR 概述
- 【计算几何】【状压dp】Codeforces Round #226 (Div. 2) D. Bear and Floodlight
- 【数论】【素数判定】CODEVS 2851 菜菜买气球
- iOS开发-设置在使用NavigateController时View的顶部位置
- 开发板无法ping通虚拟机的问题解决一例