8、ES6跨模块常量

最新推荐文章于 2024-01-31 23:56:21 发布

原创最新推荐文章于 2024-01-31 23:56:21 发布 · 548 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

</html>

-----------------------------------------------------------------如何调用跨模块常量-------------------------

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>跨模块常量</title>
   <script src="js/traceur.js"></script>
   <script src="js/bootstrap.js"></script>

   <script type="text/traceur">
      // const声明的常量只在当前代码块有效，如果想设置跨模块的常量，怎么办？

      //module.js
      export const intVariantName="100"; //从module.js模块输出variantName常量
      export const floatVariantName="3.1415";
      export const charVariantName="variantValue";

      //use.js
      import * as variant from './module'; //(import *)导入所有的东西命名为variant,*为通配符全部引入
      console.log(variant.intVariantName); //输出100
      console.log(variant.floatVariantName); //输出3.1415
      console.log(variant.charVariantName); //输出variantValue

      //otherUse.js
      import {floatVariantName,charVariantName} as variant from './module';
      console.log(variant.floatVariantName); //输出3.1415
      console.log(variant.charVariantName); //输出variantValue

      //onlyInt.js
      import intVariantName as variant from './module';
      console.log(variant.intVariantName); //输出100
   </script>

</head>
<body>

</body>
</html>