es6的import和export

import为es6语法，需要babel来处理才能使用，如果单独使用，只能使用require

 

定义export

单个接口定义，使用export default object，使用import导入,导入的名称可以不和export同名

// ----- myFunc.js -------
export default function(){ };

// ------ main.js --------
import myFunc from 'myFunc';
myFunc();

导入js文件，可以不要后缀，其它如jsx文件，需要加上后缀 

 

 

如果要导出多个接口，必须指出导出的名称

const Test = React.createClass({
    render() {
        return <h1>Test!!</h1>;
    }
});
const Test1 = React.createClass({
    render() {
        return <h1>Test--1!!</h1>;
    }
});
const Test2 = React.createClass({
    render() {
        return <h1>Test--2!!</h1>;
    }
});
export { Test1,Test1 };

export default Test;

 import导入，默认的名称可以随意，但其它接口，必须与export一致

import abc,{Test1,Test2} from "lib";

 

 

 

一次全部导入

import * as lib grom 'lib';
console.log( lib.square( 11 ) ); // 121
console.log( lib.diag( 4, 3 ) ); // 5

 

 

commonJS格式

module.exports = {foo:'hello'} 导出，使用var mymodule = require('./MyModule.js');来导入