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');来导入

猜你喜欢

转载自lxj8749.iteye.com/blog/2287837