ES6动态import模块await语法使用实例页面
回到相关文章 »效果:
我是p,我的颜色是?
代码:
HTML代码:
<p>我是p,我的颜色是?</p>
script代码:
<script type="module">
(async () => {
// 导入doubleKill模块
const module = await import('./doubleKill.mjs');
// 执行默认方法
module.default();
// 设置颜色为红色
module.pColor('red');
})();
</script>
doubleKill.mjs代码:
// const 和 default功能演示
export default () => {
const p = document.querySelector('p');
p.style.transform = 'scaleY(-1)';
};
export const pColor = (color) => {
const p = document.querySelector('p');
p.style.color = color;
}