ES6 import export

ES6只支持靜態導入和導出。spa

export

名字導出

使用export導出多個已有的聲明。code

export function add(x ,y ){return x+y;}
export const sqrt = Math.sqrt;

導入時,要注意大括號的blog

import {adc, sqrt} from ***.js
add(1,2)

也能夠直接導入全部io

import * as abc from xxx.js
abc.add(1,2)

匿名導出

使用deault關鍵字function

export default function(){...}

使用時,不須要增長大括號,而且別名能夠爲任意名稱class

import abc from xxx.js

注意

命名導出和匿名導出能夠混合使用,導入時也能夠混合使用,只是導入時,先把匿名導入進來就能夠了。import

import ttt, {adc, sqrt} from ***.js

命名導入時,可使用as,使用別名代替原有的命名。im

import ttt, {adc as abc1, sqrt} from ***.js

能夠同時使用命名

export {
abc,
bcd as bcd1
};

同時導出,並重命名。di

相關文章
相關標籤/搜索