这篇文章主要介绍“ES6模块化export和import怎么导出”,在日常操作中,相信很多人在ES6模块化export和import怎么导出问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ES6模块化export和import怎么导出”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!Promise/A+规范, 规定Promise对象是一个有限状态机。它有三个状态:pending(执行中)Resolved(已完成)Rejected(已失败)其中pending为初始状态,Resolved和rejected为结束状态(表示promise的生命周期已结束)。使用两个then是异步编程串行化,避免了恐怖的回调:var wait1000 = new Promise(function(resolve, reject)
{
setTimeout(resolve, 1000);
});
wait1000
免费云主机域名 .then(function()
{
console.log("Hello"); // 1秒后输出"Hello"
return wait1000;
})
.then(function()
{
console.log("Fundebug"); // 2秒后输出"Fundebug"
});ES6中使用export与import关键词实现模块化。export用于对外输出本模块变量的接口(一般一个文件可以作为一个模块);
import则用于在一个模块中加载另一个含有export接口的模块。导出模块文件app.js:class Human{
模块导出了两个对象:
constructor(name) {
this.name = name;
}
sleep() {
console.log(this.name + " is sleeping");
}
}
function walk() {
console.log('i am walking');
}
function play() {
console.log('i am playing');
}
export { Human, walk }Human
类和walk
函数,能被其他文件使用。而play
函数没有导出,为此模块私有,不能被其他文件使用。然后再main.js导入app.js模块。import { Human, walk } from 'app.js';
我们可以使用关键字default,可将对象标注为default对象导出。default关键字在每一个模块中只能使用一次。... //类,函数等
在main.js导入app.js模块
export default App;import App from 'app.js';
由于目前并不是所有的浏览器都能兼容ES6的全部特性,所以需要将ES6代码转为ES5代码,才可以在现有的环境中执行。而Babel是一个广泛使用的ES6转码器。我们可以在本地环境中安装Babale命令行环境。
安装和使用babel://1.安装babel-cli(用于在终端使用babel)
npm install -g babel-cli
//2.安装babel-preset-es2015插件
npm install --save babel-preset-es2015
//3.在当前目录下建立文件.babelrc,接着在文件中写入:
{
"presets": ['es2015']
}
//4.命令行使用实例:将es
5.js转换后输出到es5.js文件中
到此,关于“ES6模块化export和import怎么导出”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!
babel es6.js -o es5.js
这篇“Java怎么实现布隆过滤器”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Java怎么实现布隆过滤器”文章吧。布隆过滤器(Bloom Fil…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。