import和require的区别

翻译 2018年04月17日 17:49:41

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

写个简单js文件,假设名字为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) );

}

在其他地方对lib中定义的属性和方法进行引用,引用方法有两种,import和require;

方法一:import { square ,diag} from 'lib';

方法二:import * as lib from 'lib';

设置默认的导出信息,需要lib.js中定义export default{},default后面可以接一个参数,也可以接一个数组;

//module1.js

export default 123;

//module2.js

const D=123;

export {D as default};

node的module遵循Common.js规范,require.js遵循AMD,seaJS遵循CMD;

as关键字(主要可以解决重名问题)

as简单的说就是取一个别名,export中可以用,import中其实也可以用;

//a.js

var a=function(){},export { a as fun};

//b.js

import { fun as a} from './a';a()

default关键字

在export的时候,可能会用到default,说白了,其实是别名的语法糖;

例如:export default function(){};

//等效于:function a(){};export {a as default};

在import的时候,可以这样用;

import a from './d';

//等效于,下面简写

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

总结:这种语法糖的好处就是import的时候,可以省去花括号{},简单的说,如果import的时候,你发现某个变量没有花括号括起来(没有*号),就是as语法的简写;

require和import的区别

载入一个模块 import() 与 require() 功能相同,但具有一定程度的自动化特性。 以前一直以为require和import是一样的,但是在项目中local FightPointA...
  • flyfangyanwei
  • flyfangyanwei
  • 2016-04-28 21:33:37
  • 6146

Javascript(es2016) import和require用法和区别

import和require用法
  • chinaycheng
  • chinaycheng
  • 2016-09-17 00:13:48
  • 13812

quick源文件中关于import和require的区别

载入一个模块 import() 与 require() 功能相同,但具有一定程度的自动化特性。 假设我们有如下的目录结构: ~~~ app/ app/classes/ app/clas...
  • u012723995
  • u012723995
  • 2014-10-25 19:13:06
  • 5762

require与import区别

require与import区别
  • red_heel
  • red_heel
  • 2017-12-25 15:02:26
  • 135

es6 import和require用法和区别

写个简单js文件,假设名字为:lib.js 。 假设内容如下: export const sqrt = Math.sqrt; export function square(x) { retu...
  • DimaLLJ
  • DimaLLJ
  • 2017-10-29 13:16:50
  • 1714

深谈require和import

一、前言ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入...
  • qq_28702545
  • qq_28702545
  • 2017-02-06 14:22:55
  • 6594

node中导入模块require和import的区别

该用require还是import? require的使用非常简单,它相当于module.exports的传送门,module.exports后面的内容是什么,require的结果就是什么,对象...
  • Linjing127218
  • Linjing127218
  • 2018-01-10 17:44:08
  • 98

webpack中require和import的区别

我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过,webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensur...
  • qq_24122593
  • qq_24122593
  • 2016-11-09 18:07:09
  • 11494

js import和require用法的区别

写个简单js文件,假设名字为:lib.js 。 假设内容如下: export const sqrt = Math.sqrt; export function square(x) { retu...
  • onegoldensun
  • onegoldensun
  • 2017-08-24 09:43:40
  • 440

Node中导入模块require和import傻傻分不清楚

ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使...
  • baidu_31333625
  • baidu_31333625
  • 2017-01-02 16:48:28
  • 18341
收藏助手
不良信息举报
您举报文章:import和require的区别
举报原因:
原因补充:

(最多只允许输入30个字)