8、ES6跨模块常量

来源:互联网 发布:北京工业大学未来网络 编辑:程序博客网 时间:2024/06/09 12:36
<!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 variantName="variantValue";  //从module.js模块输出variantName常量

      //use.js(假设这是调用常量的模块)
      import * as variant from './module';    //(import *)导入所有的东西命名为variant
      console.log(variant.variantName);    //输出variantValue
    </script>

</head>
<body>
    
</body>

</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>



原创粉丝点击