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