JavaScript

JavaScript 是如何运行的，解释性语言和编译型语言的差异是什么

JavaScript 是一门解释型的动态语言。有些程序设计语言将编译的过程和最终转换成目标程序进行执行的过程混合在一起，这种语言转换程序通常被称为解释器。解释器和编译器有很多相似之处，都需要对源程序进行分析，并转换成目标机器可识别的机器语言进行执行。只是解释器是在转换源程序的同时立马执行对应的机器语言（转换和执行的过程不分离），每执行一次都要进行转换，而编译器得先把源程序全部转换成机器语言并产生目标文件，然后将目标文件写入相应的程序存储器进行执行（转换和执行的过程分离），运行时不需要重新转换。

主流编程高级语言有：

编译型，如 C、C++
解释型，如 JavaScript
半解释半编译，如 Java

ESModule 和 CommonJS 的区别

ESM 的模块不是对象，import 命令会被 JavaScript 引擎静态分析，在编译时就引入模块代码，而不是在代码运行时加载，所以无法实现条件加载；
ESM 采用静态的加载方式，也就是模块中导入导出的依赖关系在代码编译时就确定下来，因此采用 ESM 进行代码设计时可以在编译时通过 ESLint 快速定位出模块的词法和语法错误以及类型信息等；
CommonJS 相对与 ESM 在加载模块的方式上存在明显的差异，是因为 CommonJS 在运行时进行加载方式的动态解析，在运行阶段才能确定导入导出关系，因此无法进行静态编译优化和类型检查，和 Tree Sharking；
commonJS 输出的是值的浅拷贝，ESModule 输出值的引用；
commonJS 具有缓存。在第一次被加载时，会完整运行整个文件并输出一个对象，拷贝（浅拷贝）在内存中。下次加载文件时，直接从内存中取值

CommonJs 和 ESModule 的区别整理
 commonJS 和 ES Module 区别
 module.exports 和 export 详解
 ES6 Module 相对于 CommonJS 的优势是什么？ > 前端模块化——彻底搞懂 AMD、CMD、UMD、ESM 和 CommonJS - vscing 的文章 - 知乎

`Object` 和 `Map` 的比较

Map 默认不包含任何键，只包含显式插入的键。
Map 的键可以是 任意值，包括函数、对象或是任意基本类型
Map 的键值对个数可以轻易地通过 size 属性获取
Map 是 iterable 的，所以可以直接被迭代
Map 中的 key 是有序的。因此，当迭代的时候，一个 Map 对象以插入的顺序返回键值

Map - MDN

`Map` 和 `WeakMap` 区别

WeakMap 只能使用对象作为键值，而值是任意的
WeakMap 的键是弱引用的，不影响垃圾回收器的工作

const map = new Map()
const weakMap = new WeakMap()

;(function () {
  const foo = { foo: 1 }
  const bar = { bar: 1 }
  map.set(foo, 'foo')
  weakMap.set(bar, 'bar')
})()

console.log('map', map) // { [foo] : 'foo'}
console.log('weakMap', weakMap) // 空的

WeakMap - MDN

`new` 运算符具体做了什么

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

new 关键字会进行如下操作：

创建一个空的简单的 JavaScript 对象（即 {} ）；
为步骤 1 新创建的对象添加属性 __proto__，将该属性链接至构造函数的原型对象；
将步骤 1 新创建的对象作为 this 的上下文；
如果该函数没有返回对象，则返回 this。

`import()` 和 `import` 的区别

import 是静态导入，import() 是动态导入
import 只能在模块的顶层使用，import() 可以在任何地方使用
import 是编译时执行，import() 是运行时执行，也即什么时候执行到什么时候加载，参数也可以是动态的。
import 可建立静态分析的依赖关系，import() 不能

import - MDN

JavaScript ​

JavaScript 是如何运行的，解释性语言和编译型语言的差异是什么 ​

ESModule 和 CommonJS 的区别 ​

Object 和 Map 的比较 ​

Map 和 WeakMap 区别 ​

new 运算符具体做了什么 ​

import() 和 import 的区别 ​