commonjs模块和es6模块最主要的区别:commonjs模块是拷贝,es6模块是引用,但理解这些,先得理解对象复制的问题,在回过头来理解这两模块的区别。

一、基本数据类型的模块

./a1.js es6模块

export var a1 = 1;
setTimeout(() => a1 = 2, 500);

./a2.js commojs模块

var a2 = 2;
module.exports = a2; setTimeout(() => a2 = 3 ,500);

./index.js 输出

import { a1 } from './a1';
const a2 = require('./a2'); setTimeout(() => console.log(a1, a2), 1000); // 2,2

现在修改一下./index.js

import { a1 } from './a1';
// const a2 = require('./a2'); // a1 = 1; //编译报错
var a2 = require('./a2');
a2 = 'a2'; setTimeout(() => console.log(a1, a2), 1000); // 2 'a2'

得出结论是:es6模块是引用,且只存在只读状态,不能修改其变量值(说的更准确点,不能修改其变量的指针指向,但可以改变内部指针指向,在复杂数据类型的模块会讲解);commonjs是拷贝,且能修改其值(者就叫修改指针指向),至于是深拷贝还浅拷贝,也会在在复杂数据类型的模块会讲解

一、复杂数据类型的模块

./a1.js es6模块

export const person = {
name: 'lc',
friends: ['xm','xh']
};
setTimeout(() => person.name ='liangcheng', 500);

./a2.js commojs模块

var dog = {
name: 'xsz', // 不要猜测是谁的名字
owner: ['lc']
};
module.exports = dog; setTimeout(() => dog.name = 'xushizhou' ,500);

./index.js 输出

import { person } from './a1';
const dog = require('./a2'); setTimeout(() => console.log(person.name, dog.name), 1000); //liangcheng xushizhou

得到结论:两者都动态修改其内属性或者元素的值,也就是说commonjs是浅拷贝

总结一下:

es6模块的特点:

  1. 静态化,必须在顶部,不能使用条件语句,自动采用严格模式
  2. treeshaking和编译优化,以及webpack3中的作用域提升
  3. 外部可以拿到实时值,而非缓存值(是引用而不是copy)

es6模块和commonjs模块的区别:

  1. 可以对commonjs模块重新赋值,对es6模块重新赋值会编译报错
  2. commonjs是对模块的拷贝(浅拷贝),es6是对模块的引用(也就是说,es6模块只存只读,不能改变其值,具体点就是指针指向不能变,类似const)

es6模块和commonjs模块的相同点:

  1. 两者都可以对对象内部属性的值进行改变

commonjs模块和es6模块的区别?的更多相关文章

  1. commonjs模块和es6模块的区别

    commonjs模块与es6模块的区别 到目前为止,已经实习了3个月的时间了.最近在面试,在面试题里面有题目涉及到模块循环加载的知识.趁着这个机会,将commonjs模块与es6模块之间一些重要的的区 ...

  2. NodeJS模块和ES6模块系统语法及注意点

    社区模块规范: 1.CommonJS规范 规范实现者: NodeJS 服务端 Browserify 浏览器 2.AMD规范 全称 异步模块定义 规范实现者: RequireJS 浏览器 3.CMD规范 ...

  3. es6 模块和commonjs规范模块的区别

    相关代码地址:https://github.com/blank-x/blog-code/tree/main/1-module 引入变量 es6 导入变量只是一个符号链接,是个常量,类似于const 声 ...

  4. JS模块之AMD, CMD, CommonJS、UMD和ES6模块

    CommonJS 传送门 同步加载,适合服务器开发,node实现了commonJS.module.exports和require 判断commonJS环境的方式是(参考jquery源码): if ( ...

  5. Es6模块语法笔记

    /** * Created by Administrator on 2017/4/15. */ /*---------------------export命令--------------------- ...

  6. 关于commJS 和 es6 的一些区别

    CommonJS模块与ES6模块的区别 本文转自 https://www.cnblogs.com/unclekeith/archive/2017/10/17/7679503.html CommonJS ...

  7. commonJS模块规范 和 es6模块规范 区别

    ES6 模块与 CommonJS 模块的差异 CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用. CommonJS 模块是运行时加载,ES6 模块是编译时输出接口. Commo ...

  8. 对于模块加载:ES6、CommonJS、AMD、CMD的区别

    运行和编译的概念 编译包括编译和链接两步. 编译,把源代码翻译成机器能识别的代码或者某个中间状态的语言. 比如java只有JVM识别的字节码,C#中只有CLR能识别的MSIL.还简单的作一些比如检查有 ...

  9. es6 模块与commonJS的区别

    在刚接触模块化开发的阶段,我总是容易将export.import.require等语法给弄混,今天索性记个笔记,将ES6 模块知识点理清楚 未接触ES6 模块时,模块开发方案常见的有CommonJS. ...

随机推荐

  1. 在windows下安装git后没有ssh文件夹

    在windows7下安装git后,运行 cd ~/.ssh $ bash: cd: /c/Users/Administrator/.ssh: No such file or directory 出现以 ...

  2. 《objective-c基础教程》学习笔记(五)—— 继承方法

    在上一篇博文中,我们将原先的纯C语言代码,编写成了用Objective-C(后面直接缩写成OC)的写法.使得代码在易读性上有明显提升,结构也更清晰.同时,也对面向对象的概念有了进一步的介绍和加深. 但 ...

  3. Kubernetes部署SpringCloud(一) Eureka 集群,解决unavailable-replicas,available-replicas条件

    环境 k8s master: 1个 k8s node: 3个 三个eureka 指定node启动,并且使用network=host 完整pom.xml <?xml version="1 ...

  4. SSL、数字签名、CA 工作原理通俗描述

    SSL(Secure Socket Layer) 是一种加密技术,可以提供对称加密和非对称加密.由于它在协议层里正好是在传输层与应用层之间,这就决定了上层应用必须经过它,这就是它广泛流行和易于实现的原 ...

  5. Unity 给Mono脚本添加Try Catch工具

    using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Run ...

  6. vs2017更新后web项目部分后台代码类没有颜色,也没有自动提示输入功能

    vs2017有的版本更新后默认.net framework框架是.net framework4.6.1,将项目的.net framework框架更改为4.6.1,颜色和自动提示出现

  7. Python 字典 fromkeys()方法

    Python 字典 fromkeys() 方法用于创建一个新的字典,并以可迭代对象中的元素分别作为字典中的键,且所有键对应同一个值,默认为None. fromkeys() 方法语法: 1 dict.f ...

  8. hashlib

    登录认证 加密 --> 解密 摘要算法 两个字符串 : import hashlib # 提供摘要算法的模块 md5 = hashlib.md5() md5.update(b') print(m ...

  9. background-color没有none值

    在工作中发现, 这样是没反应的, 要写这个样式才能去掉背景颜色(background-color:transparent;)

  10. cmd识别不了mysql命令

    问题现象:安装配置过MySQL和环境变量,当时用的好好的,过了几天再试发现cmd识别不了了: 之前maven的mvn命令也遇到过这个问题. 原因:win10中配成这个样子,重启之后会时效: 解决方法: ...