博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js-ES6学习笔记-module(2)
阅读量:5819 次
发布时间:2019-06-18

本文共 1065 字,大约阅读时间需要 3 分钟。

1、如果想为输入的变量重新取一个名字,import命令要使用as关键字,将输入的变量重命名。

import { lastName as surname } from './profile';

2、import命令具有提升效果,会提升到整个模块的头部,首先执行。这种行为的本质是,import命令是编译阶段执行的,在代码运行之前。

3、由于import是静态执行,所以不能使用表达式和变量,这些只有在运行时才能得到结果的语法结构。

4、除了指定加载某个输出值,还可以使用整体加载,即用星号(*)指定一个对象,所有输出值都加载在这个对象上面。

import * as circle from './circle';console.log('圆面积:' + circle.area(4));console.log('圆周长:' + circle.circumference(14));

5、使用export default时,对应的import语句不需要使用大括号。export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能对应一个方法。

6、本质上,export default就是输出一个叫做default的变量或方法,然后系统允许你为它取任意名字。所以,下面的写法是有效的。

// modules.jsfunction add(x, y) {  return x * y;}export {add as default};// 等同于// export default add;// app.jsimport { default as xxx } from 'modules';// 等同于// import xxx from 'modules';

7、如果在一个模块之中,先输入后输出同一个模块,import语句可以与export语句写在一起。

export { foo, bar } from 'my_module';// 等同于import { foo, bar } from 'my_module';export { foo, bar };

具名接口改为默认接口的写法如下。

export { es6 as default } from './someModule';// 等同于import { es6 } from './someModule';export default es6;

 

转载地址:http://scwdx.baihongyu.com/

你可能感兴趣的文章
一次意外的X锁不阻塞问题
查看>>
setsockopt()使用方法(參数具体说明)
查看>>
Spring5:@Autowired注解、@Resource注解和@Service注解
查看>>
Geeks 一般二叉树的LCA
查看>>
wpf的MVVM框架
查看>>
Parquet文件结构笔记
查看>>
【HDU 5698】瞬间移动(组合数,逆元)
查看>>
能源项目xml文件 -- springMVC-servlet.xml
查看>>
openwrt安装编译
查看>>
POJ 2386 Lake Counting 搜索题解
查看>>
tomcat中如何配置虚拟路径
查看>>
个人的中小型项目前端架构浅谈(转)
查看>>
Vue.js插件开发
查看>>
uva 1456(dp)
查看>>
[LeetCode]94.Binary Tree Inorder Traversal
查看>>
关于Java -cp引用jar是否支持通配符
查看>>
浅谈Web缓存-缓存的实现过程详解
查看>>
virtualbox ubuntu 虚拟画面卡顿问题
查看>>
如果没有Build path怎么办 .project文件的修改
查看>>
Nginx学习系列四默认负载均衡轮询及Ip_hash等常用指令介绍
查看>>