位置: IT常识 - 正文

(区别、详解、使用)module.exports与exports,export与export default,import 与require(建造师与建筑师的区别详解)

编辑:rootadmin
(区别、详解、使用)module.exports与exports,export与export default,import 与require

目录

导出简介(里面有小细节请仔细阅读)

 module.exports与exports

1.该js文件要导出的值即为test

 2.该js文件要导出的值即为test1和test2

3. 注意这里我是先给module.exports.test2赋值,然后给module.exports赋值,因此{test1}覆盖了原来的test2,因此module.exports中只有test1

 4. 该js文件要导出的值即为test2

5. 注意这里(注意点),module.exports ={test1};改变了module.exports指向的引用,exports还指向之前的module.exports引用,因此无论exports.test2 = test2;在哪里执行都不能改变该js文件索要暴露的值。所以如果要改变module.exports指向的引用,就不要使用exports

export与export default 

1.根据输出可知:export default test1;等价于exports.default = test1; export {test2};等价于exports.test2 = test2;

(坑)export {}这个语法比较特殊,{}花括号中,必须是提前定义好的

(1)正确

(2)错误

 2.可见:要想使用export或者export defalut 就不能改变module.exports指向的引用

 (坑)上面第七行代码进行了,执行module的指向更改,后续如果引入的话,就只会引入module.exports最新的一次指向

 导入简介

require

import

(注意)如果同时存在自定义的和default那么impor的时候需要注意

export defalut 就是默认输出的值,在使用import时,要想使用这个默认的值就需要只获取一个值(不加大括号,变量名随便写)

require和import区别

区别1:模块加载的时间

区别2:模块的本质

区别3:严格模式

ES6 模块之中,顶层的 this 指向 undefined ,即不应该在顶层代码使用 this


导出简介(里面有小细节请仔细阅读)

推荐整理分享(区别、详解、使用)module.exports与exports,export与export default,import 与require(建造师与建筑师的区别详解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:退职与退休的区别详解,la和lae的区别详解,黑茶与红茶的区别详解,黑茶与红茶的区别详解,almost与nearly用法区别详解,驻与住的区别详解,almost与nearly用法区别详解,单冷空调和冷暖空调的区别详解,内容如对您有帮助,希望把文章链接给更多的朋友!

变量的导出涉及到四个关键字module.exports与exports,export与export default, 其中module.exports与exports是符合CommonJS模块规范的。 export与export default是es6用来导出模块的。

 module.exports与exportsmodule是一个对象,代指的整个js文件,而他的exports属性就是该js文件对外暴露的对象,只要是module.exports的属性内的值都能被访问到(包括字符串,数字,对象,函数)。exports指向了module.exports就相当于在js文件开头添加了这样一段代码var exports = module.exports;(区别、详解、使用)module.exports与exports,export与export default,import 与require(建造师与建筑师的区别详解)

总之我们只要记住一点:module.exports指向的东西,就是我们要导出的东西

1.该js文件要导出的值即为testconst test=1;module.exports ={test};console.log(module.exports)

 2.该js文件要导出的值即为test1和test2const test1="test1";const test2= "test2";module.exports ={test1};module.exports.test2 =test2;console.log(module.exports)

3. 注意这里我是先给module.exports.test2赋值,然后给module.exports赋值,因此{test1}覆盖了原来的test2,因此module.exports中只有test1const test1="s";const test2= "ss";const test3="sss";module.exports.test2 =test2;module.exports ={test1};console.log(module.exports)

 

 4. 该js文件要导出的值即为test2const test1="s";const test2= "ss";const test3="sss";exports.test2 = test2;console.log(module.exports)

 

5. 注意这里(注意点),module.exports ={test1};改变了module.exports指向的引用,exports还指向之前的module.exports引用,因此无论exports.test2 = test2;在哪里执行都不能改变该js文件索要暴露的值。所以如果要改变module.exports指向的引用,就不要使用exports

export与export default 这两个是es6的语法,在小程序中也是可以使用的export与export default都是用来导出变量的,并且他们两个作用与exports相同,只是语法不同二者同样是给module.exports赋值,export可以赋多个值,export default只能赋一个值(只能使用一次).export后面跟的是
本文链接地址:https://www.jiuchutong.com/zhishi/295973.html 转载请保留说明!

上一篇:Access-Control-Allow-Origin跨域解决及详细介绍(Access-Control-Allow-Origin 翻译)

下一篇:基于强化学习的智能机器人路径规划算法研究(附代码)

  • 海康摄像头可以激活与添加呢(海康摄像头可以用大华录像机吗)

    海康摄像头可以激活与添加呢(海康摄像头可以用大华录像机吗)

  • qq显示一个耳朵什么意思(qq里面显示一个耳朵)

    qq显示一个耳朵什么意思(qq里面显示一个耳朵)

  • 手机内屏坏了影响网速吗(手机内屏坏了影响摄像头吗)

    手机内屏坏了影响网速吗(手机内屏坏了影响摄像头吗)

  • 美图秀秀怎么做动漫照片(美图秀秀怎么做壁纸)

    美图秀秀怎么做动漫照片(美图秀秀怎么做壁纸)

  • 手机qq群聊怎么关麦(手机qq群聊怎么开启屏幕共享)

    手机qq群聊怎么关麦(手机qq群聊怎么开启屏幕共享)

  • 苹果手机陌生人打不进来怎么回事(苹果手机陌生人打进来一直在通话中怎么办)

    苹果手机陌生人打不进来怎么回事(苹果手机陌生人打进来一直在通话中怎么办)

  • esupport是什么文件夹(.esb是什么格式的文件)

    esupport是什么文件夹(.esb是什么格式的文件)

  • realmex屏幕刷新率是多少(realmeq刷新率)

    realmex屏幕刷新率是多少(realmeq刷新率)

  • vivoz5微信视频可不可以美颜(vivo手机微信视频时候能不能录下来)

    vivoz5微信视频可不可以美颜(vivo手机微信视频时候能不能录下来)

  • 荣耀play4t支持快充吗(荣耀play4tpro支持快充)

    荣耀play4t支持快充吗(荣耀play4tpro支持快充)

  • 苹果商店怎么退出id(苹果商店怎么退出登录)

    苹果商店怎么退出id(苹果商店怎么退出登录)

  • 华为gt2能不能上微信(华为gt2可以上网吗)

    华为gt2能不能上微信(华为gt2可以上网吗)

  • 电脑强制关机快捷键(电脑强制关机快捷键对电脑有损害吗)

    电脑强制关机快捷键(电脑强制关机快捷键对电脑有损害吗)

  • ios11可以分屏么(apple11可以分屏吗)

    ios11可以分屏么(apple11可以分屏吗)

  • 苹果闹钟会一直响吗(苹果闹钟会一直响多少次)

    苹果闹钟会一直响吗(苹果闹钟会一直响多少次)

  • ipad air3充电多久充满(ipad air3多久充满电)

    ipad air3充电多久充满(ipad air3多久充满电)

  • ps可选颜色选项在哪(ps可选颜色在哪里)

    ps可选颜色选项在哪(ps可选颜色在哪里)

  • 苹果11有多重(苹果12pro多重)

    苹果11有多重(苹果12pro多重)

  • xshell怎么连接服务器(xshell怎么连接服务器没网络)

    xshell怎么连接服务器(xshell怎么连接服务器没网络)

  • 电脑硬盘在哪里(电脑硬盘在哪里看)

    电脑硬盘在哪里(电脑硬盘在哪里看)

  • iphonex蓝牙打不开(iphonex蓝牙打不开转圈怎么办)

    iphonex蓝牙打不开(iphonex蓝牙打不开转圈怎么办)

  • WPS文字如何改变文字方向(wps文字怎么改变文字方向)

    WPS文字如何改变文字方向(wps文字怎么改变文字方向)

  • 教你如何使用注册表给Win11开启传统右键菜单(注册的注释)

    教你如何使用注册表给Win11开启传统右键菜单(注册的注释)

  • Vue项目保持用户登录状态(localStorage + vuex 刷新页面后状态依然保持)(vuex存储用户信息)

    Vue项目保持用户登录状态(localStorage + vuex 刷新页面后状态依然保持)(vuex存储用户信息)

  • 个人生产经营所得税
  • 固定资产清理结转到什么科目
  • 资产处置损益影响所有者权益总额吗
  • 库存现金是负数怎么调
  • 子公司分红母公司缴税吗
  • 一般纳税人收入会计分录
  • 耕地占用税的纳税人是谁
  • 快消品行业成本结转方法
  • 按月计提短期借款利息12000元
  • 销售商品的成本计入什么科目
  • 政府奖励企业款银行未收到会计分录
  • 工程施工购买的标示牌怎么开票给甲方
  • 无形资产换出
  • 营业收入包括其收入吗
  • 加油票可以抵扣几个点的增值税
  • 转账支票签章如何盖及相关注意事项
  • 地方教育费附加减免政策
  • 一般纳税人外经证预缴怎样缴费
  • 房产税缴纳时间规定
  • 信托真实案例
  • 航道疏浚服务属于什么服务
  • 购买方已抵扣开具红字信息表销售方怎么处理
  • 一次性收取的租金怎么纳税
  • 购买车辆保险怎么入账
  • 公司贷款收入如何计算
  • 建筑企业按什么确认收入
  • windows家庭版最新版本
  • 公益性捐赠税前扣除资格认定程序
  • 应用商店获取无反应
  • 在公司发明的东西专利权归谁
  • 代办退税账务处理
  • 公司一直是亏损怎么赔偿
  • 费用分摊的分录
  • fpx是什么文件
  • axios怎么使用
  • 优酷路由宝还有用吗
  • vue 的watch
  • 准备动作怎么做
  • 耕地开垦费应计入哪个会计科目
  • yii2 resetful 授权验证详解
  • 社区居委会有营业执照吗
  • defaultpool
  • gpt3 transformer
  • mysql水平拆分实现
  • 网站top排行榜
  • 租金算营业成本还是管理费用
  • python @time
  • 主营业务收入登记明细账簿范本
  • 商品流通企业购入的商品采用售价金额法核算的
  • 企业代扣代缴个人所得税申报流程图
  • 代扣代缴的增值税怎么做账
  • 职工福利费税前扣除标准是应发工资还是实发工资
  • 免增增值税的有
  • 资产负债表中的股东权益由什么组成
  • 经营性应收项目的计算公式
  • 从会计角度看会计刺客
  • 医疗器械行业进货未取得发票怎么做会计分录的
  • 取得存款利息收入需附
  • 什么是关联企业?关联企业之间业务往来
  • 电脑winxp系统
  • windows server 2008 R2
  • win10系统打印机脱机状态怎么恢复正常打印
  • u 盘装wⅰn10系统
  • xp点击开始菜单没反应
  • 如何禁用mac内置键盘
  • 如何查看苹果mac系统
  • go进程管理
  • win8如何打开开始菜单
  • SCHDPL32.EXE - SCHDPL32是什么进程 有什么用
  • win7系统的文件夹怎么挪位置
  • WIN10系统中WPS字体颜色浅
  • win8.1专业版怎么升级成win10
  • linux使用mv命令,结果文件不见了
  • python多线程操作
  • python操作xml文件
  • jQuery ready()和onload的加载耗时分析
  • activity启动原理
  • 安卓获取图片路径
  • 种花需要
  • 个人开具农产品普通发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设