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

本文介绍了Javascript(es2016) import和require用法和区别详解，分享给大家，具体如下：

写个简单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';
console.log(square(11)); // 121
console.log(diag(4, 3));
//方法儿
import * as lib from 'lib';
square = lib.square;

还可以设置默认的导出信息，就需要崽lib.js中定义 export default {}。default后面可以接一个参数，也可以接一个数组。书写方法为：

 //------ module1.js ------
export default 123;

//------ module2.js ------
const D = 123;
export { D as default };

通常比较习惯用第一种。然后用import就可以得到这个数组或则参数。但是import只能用于静态导入，就是必须在文件开始的时候，在最上层就写好。而require就可以实现动态加载。

加载方式	规范	命令	特点
运行时加载	CommonJS/AMD	require	社区方案，提供了服务器/浏览器的模块加载方案。非语言层面的标准。只能在运行时确定模块的依赖关系及输入/输出的变量，无法进行静态优化。
编译时加载	ESMAScript6+	import	语言规格层面支持模块功能。支持编译时静态分析，便于JS引入宏和类型检验。动态绑定。

const incrementCounter = function ({dispatch,state}){
 dispatch(‘INCREMENT‘)
}
export default {
 incrementCounter
}
//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# import  # require  # 区别  # js  # require和import区别  # 一文让你彻底搞清楚javascript中的require、import与export  # 一文带你搞懂JS中导入模块import和require的区别  # JavaScript中使用import 和require打包后实现原理分析  # JavaScript中require和import的区别详解  # JS中Require与Import 区别对比分析  # Js模块打包exports require import的用法和区别  # js中关于require与import的区别及说明  # JavaScript中require和import有何区别详解  # 加载  # 就可以  # 接一个  # 还可以  # 也就  # 给大家  # 有两种  # 绑定  # 第一种  # 写好  # 大家多多  # 法儿  # 最上层  # 只能在  # solid  # px  # table  # height  # default  # style 

相关文章： 实例解析angularjs的filter过滤器  建站之星CMS五站合一模板配置与SEO优化指南  音乐网站服务器如何优化API响应速度？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  C#如何在一个XML文件中查找并替换文本内容  建站主机选哪种环境更利于SEO优化？  Python文件管理规范_工程实践说明【指导】  郑州企业网站制作公司,郑州招聘网站有哪些？  详解jQuery中基本的动画方法  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  如何在阿里云购买域名并搭建网站？  如何通过VPS搭建网站快速盈利？  建站之星云端配置指南：模板选择与SEO优化一键生成  上海网站制作开发公司,上海买房比较好的网站有哪些？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  全景视频制作网站有哪些,全景图怎么做成网页？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  营销式网站制作方案,销售哪个网站招聘效果最好？  建站之星与建站宝盒如何选择最佳方案？  公司网站制作价格怎么算,公司办个官网需要多少钱？  网站制作难吗安全吗,做一个网站需要多久时间？  如何在橙子建站上传落地页？操作指南详解  如何选择高效可靠的多用户建站源码资源？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  如何通过多用户协作模板快速搭建高效企业网站？  如何获取免费开源的自助建站系统源码？  平台云上自助建站如何快速打造专业网站？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  javascript基本数据类型及类型检测常用方法小结  如何快速完成中国万网建站详细流程？  如何在阿里云ECS服务器部署织梦CMS网站？  建站之星上传入口如何快速找到？  如何快速重置建站主机并恢复默认配置？  建站之星代理平台如何选择最佳方案？  ,网页ppt怎么弄成自己的ppt？  如何通过cPanel快速搭建网站？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  宿州网站制作公司兴策,安徽省低保查询网站？  如何自定义建站之星网站的导航菜单样式？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  建站org新手必看：2024最新搭建流程与模板选择技巧  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  安云自助建站系统如何快速提升SEO排名？  怎么将XML数据可视化 D3.js加载XML  如何在Golang中指定模块版本_使用go.mod控制版本号  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  简历在线制作网站免费,免费下载个人简历的网站是哪些？