js import export

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

我从来不相信什么懒洋洋的自由。我向往的自由是通过勤奋和努力实现的更广阔的人生。我要做一个自由又自律的人，靠势必实现的决心认真地活着。