JavaScript基础

1.解释下什么是变量声明提升？

变量提升，是负责解析执行代码的JavaScript引擎的工作方式产生的一个特性。

JS引擎在运行一份代码的时候，会按照下面的步骤进行工作：

1.首先，对代码进行解析，并获取声明的所有变量

2.然后，将这些变量的声明语句统一放到代码的最前面

3.最后，开始一行一行运行代码

我们通过一段代码来解释这个运行过程：

console.log(a)
var a = 1
function b() {
	console.log(a)
} 
b() // 1

上⾯这段代码的实际执⾏顺序为:

JS引擎将 var a = 1 分解为两个部分：变量声明语句 var a = undefined 和变量赋值语句 a = 1
JS引擎将 var a = undefined 放到代码的最前面，而 a = 1 保留在原地也就是说经过了转换，代码就变成了:
```
var a = undefined
console.log(a) // undefined
a = 1
function b() {
	console.log(a)
} 
b() // 1 
```
变量的这一转换过程，就被称为变量的声明提升。而这是不规范, 不合理的, 我们用的 let 就没有这个变量提升的问题

2.JS的参数是以声明方式进行传递的？

基本数据类型和复杂数据类型的数据在传递时，会有不同的表现。

基本类型：是值传递

基本类型的传递方式比较简单，是按照值传递进行的。

let a = 1

function test(x) {
    x = 10 // 并不会改变实参的值
    console.log(x)
}

test(a) // 10
console.log(a) // 1

复杂类型：传递的是地址（变量中存的就是地址）

67843657537

来看下面的代码：

let a = {
	count: 1
} 
function test(x) {
	x.count = 10
	console.log(x)
} 
test(a) // { count: 10 }
console.log(a) // { count: 10 }

从运行结果来看，函数内改变了参数对象内的 count 后，外部的实参对象 a 的内容也跟着改变了，所以传递的是地址。思考题:

let a = {
	count: 1
};
function test(x) {
	x = { count: 20 };
	console.log(x);
} 
test(a); // { count: 20 }
console.log(a); // { count: 1 }

67843691747

我们会发现外部的实参对象 a 并没有因为在函数内对形参的重新赋值而被改变！因为当我们直接为这个形参变量重新赋值时，其实只是让形参变量指向了别的堆内存地址，而外部实参变量的指向还是不变的。下图展示的是复杂类型参数传递后的状态：

67843695062

下图展示的是重新为形参赋值后的状态：

67843697226

3.JavaScript垃圾回收是怎么做的？

JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。

正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题，

但如果不了解JS的内存管理机制，我们同样非常容易造成内存泄漏(内存无法被回收)的情况

3.1内存的生命周期

JS环境中分配的内存, 一般有如下生命周期：

内存分配：当我们声明变量、函数、对象的时候，系统会自动为他们分配内存
内存使用：即读写内存，也就是使用变量、函数等
内存回收：使用完毕，由垃圾回收自动回收不再使用的内存全局变量一般不会回收, 一般局部变量的的值, 不用了, 会被自动回收掉内存分配:

// 为变量分配内存
let i = 11
let s = "ifcode"

// 为对象分配内存
let person = {
age: 22,
name: 'ifcode'
}

// 为函数分配内存
function sum(a, b) {
return a + b;
}

3.2 垃圾回收算法说明

所谓垃圾回收，核心思想就是如何判断内存是否已经不会被使用了，如果是，就视为垃圾，释放掉

下面介绍两种常见的浏览器垃圾回收算法：引用计数和标记清除法

3.3 引用计数

IE采用的引用计数算法, 定义“内存不再使用”的标准很简单，就是看一个对象是否有指向它的引用。如果没有任何变量指向它了，说明该对象已经不再需要了。

// 创建一个对象person, person指向一块内存空间, 该内存空间的引用数 +1
let person = {
	age: 22,
	name: 'ifcode'
} 
let p = person   // 两个变量指向一块内存空间, 该内存空间的引用数为 2
person = 1 		 // 原来的person对象被赋值为1，对象内存空间的引用数-1,
				// 但因为p指向原person对象，还剩一个对于对象空间的引用, 所以对象它不会被回收
				
p = null // 原person对象已经没有引用，会被回收

由上面可以看出，引用计数算法是个简单有效的算法。

但它存在一个致命的问题：循环引用。

如果两个对象相互引用，尽管他们已不再使用，垃圾回收期不会进行回收，导致内存泄漏。

function cycle() { let o1 = {} let o2 = {} o1.a = o2 o2.a = o1 return "Cycle reference!" } cycle()

67843937867

3.4 标记清除算法

现代的浏览器已经不再使用引用计数算法了。现代浏览器通用的大多是基于标记清除算法的某些改进算法，总体思想都是一致的。标记清除法:

标记清除算法将“不再使用的对象”定义为“无法达到的对象”
简单来说，就是从根部（在JS中就是全局对象）触发定时扫描内存中的对象
凡是能从根部到达的对象，都是还需要使用的。那些无法从根部触发触及到的对象被标记为不再使用，稍后进行回收。

从这个概念可以看出，无法触及的对象包含了没有引用的对象这个概念（没有任何引用的对象也是无法触及的对象）。根据这个概念，上面的例子可以正确被垃圾回收处理了。

JS面试基础题