import和require的区别

import和require的区别

 

遵循规范

• require遵循AMD规范，AMD规范的特点是：依赖必须提前声明好
• import是ES6引入的模块化

 

使用方式

import

import导入模块，import的语法跟require不同，而且import必须放在文件的最开始且前面不允许有其他的逻辑代码

例如：

//lib.js
export const sqrt=Math.sqrt;

export function square(x){
    return x*x
}

export function diag(x,y){
    return sqrt(square(x)+square(y));
}

//test.js

//方式一
import {sqrt,diag} from 'lib.js'

//方式二
import * as lib from 'lib.js'

as关键字（主要可以解决重名问题）

as简单来说就是取一个别名，import中可以用，export也可以用

例如：

//a.js

const a=function(){};

expor {a as deafault};

//b.js
import {fun as a} from './a.js';

a();

//在export中
export default function()

//等效于
const a=function(){}
export {a as default}

//在import中
import a from './a.js'

//等效于

import {default as a} from './a.js' 


//default后面可以接参数，也可以接数组