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;
}