8、ES6跨模塊常量


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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章