import
import * as total from "yyy.js
";
获取所有yyy.js中export;
total可以获取通过total.name 获取 yyy.js中export的属性、方法、函数;
比如:import的js文件如下:
1 import * as total from "./testexport.js"; 2 function setName() { 3 var name = total.firstName + ' ' + total.lastName; 4 console.log(name); 5 return name; 6 } 7 setName();
export 的文件如下:
1 var firstName = 'Michael'; 2 var lastName = 'Jackson'; 3 var year = 1958; 4 5 export {firstName, lastName, year}; 6 7 export function multiply(x, y) { 8 return x * y; 9 };
页面:
1 <html> 2 3 <head> 4 <title>title</title> 5 </head> 6 <script type="module" src="testimport.js"> 7 </script> 8 <body> 9 It works! 10 </body> 11 12 </html>
这里是普通的web工程;需要设置type="module"保证 import 可以使用; 浏览器默认将它作为js解析会出现问题,需要将它作为模块导入;结果是:Michael Jackson
import x from 'yyy.js'
yyy.js模块中有 export default 默认导出,x作为消费者导入yyy.js模块默认导出的名称,x可以随意更换为你喜欢的名字
import { x } from 'yyy.js'
导入要求 yyy.js模块中必需有 export x 命名导出,x是消费者要从yyy.js模块导入的命名元素,x不可更换为其他名称。
import { x as xxx } from 'yyy.js'
此处xxx就是重命名的新名称
import x,{ y } from 'yyy.js'
转载于http://www.cnblogs.com/dw039
Export:
写法方式:
1 // 写法一 2 export var m = 1; 3 4 // 写法二 5 var m = 1; 6 export {m}; 7 8 // 写法三 9 var n = 1; 10 export {n as m};
1 export function f() {}; 2 3 // 正确 4 function f() {} 5 export {f};