首页 > 其他分享 >common.js模块化规范

common.js模块化规范

时间:2022-09-07 14:14:23浏览次数:73  
标签:count exports dep 模块化 require module js common

app.js 文件:

// require 在代码执行阶段才会调用引入文件,编译(预解析)时不会执行,所以下面会报错
// console.log(dep); ReferenceError: dep is not defined
const dep = require('./dep'); // require 加载的是一个对象(即 module.exports 属性, 不是exports), const定义的变量不会预解析
console.log(dep); // { count: 1 }
dep.js 文件:
var count = 0;
count = 1;
exports.count = count; // 默认 exports 和 module.exports 指向同一个对象,使用 exports 和 module.exports 没有区别
// require/exports 输出的是值的拷贝。这里输出的是1,不是变量count, 所以后面的count变化不会影响当前的输出
// require/exports 针对基础数据类型是值的拷贝,导出复杂数据类型时浅拷贝该对象

exports = {a:300}; // 如果将 exports 指向了其他对象,exports 改变不会改变模块输出值
count = 2;
// 当前模块的输出值是module.exports指向的对象, 不是exports指向的对象

标签:count,exports,dep,模块化,require,module,js,common
From: https://www.cnblogs.com/zzAyy/p/16665197.html

相关文章

  • JS获取屏幕分辨率及当前窗口宽高等数据
    document.body.clientWidth==>BODY对象宽度document.body.clientHeight==>BODY对象高度document.documentElement.clientWidth==>可见区域宽度document.documentElem......
  • 前端JS-Day22
    箭头函数不创建this对象!图片无缝衔接:保证轮播图到最后直接跳转到第一位。 进行轮播图自动播放的时候,可以采取手动调用点击事件的方式操作。window.addEventListene......
  • JS版数据结构-链表
    链表代码随笔(JS)/**链表节点*/classNode{el=null;next=null;constructor(el=null,next=null){this.el=el;this.next=next;}}......
  • array.js 说明
    文件说明:数组操作集合引入代码:import$arrayfrom'@/common/js/array.js'varlists=['桌子','椅子','电视','空调','冰箱']//从数组中随机抽取二个元素varg......
  • js实现当前时间年-月-日 时-分-秒
    1.对Date的扩展,将Date转化为指定格式的String1.(newDate()).Format("yyyy-MM-ddhh:mm:ss.S")==>2006-07-0208:09:04.4232.(newDate()).Format("yyyy-M-dh:m:s.S......
  • 【面试题】JS实现数组扁平化处理,妙不可言啊!
    JS实现数组扁平化处理点击打开视频讲解更加详细期望结果:将数组扁平化并去重最终得到一个升序且不重复的数组步骤:1、数组扁平化2、去重......
  • 2022-09-07 wx.getLocation暂未配置在app.json且没有权限
    前言:昨晚提交了小程序审核,当即就被驳回了,原因是:wx.getLocation接口无权限,且没有在app.json中配置注:我的是wepy小程序解决方案:找到app.wpy,在里面添加代码如下:required......
  • feign 发送form mata数据类型 调用不通问题,JSON parse error Illegal character ((C
    调用方式@FeignClient(name="remoteUserManagerService",url="${base.url}")publicinterfaceRemoteUserManagerService{/***验证token是否正确......
  • js桶排序
    **桶排序**核心思想:对数据进行分桶(分组),分桶后对桶中数据进行排序(可以使用自己喜欢的方式),然后再将所有桶合并(数组合并)。公式:划分桶的数量(数组中最大值-最小......
  • 第二章模块化软件构造
    模块分解,分而治之分解的核心是将问题的难点或者关注点进行分离      算法与数据结构选择与设计数据结构如下设计可以避免重复:但是存在存储过大,限定性比较......