Js/1 堆栈内存/变量提升和闭包

1# Js数据类型渲染机制和堆栈内存

Js 文件的放置位置

• head 头部
• body 底部（推荐）

Js 的 <script> 标签还有两个属性，可以深入研究一下。

• async
• defer

基本类型和引用类型数据渲染机制不同

基本类型是值传递，每一次赋值都会开辟新的内存，关联对应的变量，各个变量之间没有相互依存的指针关系。

var b = a;
b = 13;
console.log(a);

引用类型是按照引用空间地址来操作。

var ary1 = [12,23];
var ary2 = ary1;
ary2.push(100);
console.log(ary1); 

引用类型除了数组，对象还有函数

/任意数求和/

function sum( ){
  var total = null;
  for(var i =0; i < arguments.length; i++){
    var item = arguments[i];
    item = parseFloat(item);  
    !isNaN(item) ? totoal += item : null;
  }
  return total;
}

arguments是什么

arguments is an Array-like object accessible inside functions that contains the values of the arguments passed to that function.

arguments是一个对象，很像一个数组，有length属性，但是它没有数组的方法，所以它是一个类数组。

arguments可以解决函数传入的参数个数不确定等情况，但是Es6的箭头函数没有arguments这个属性，所以要使用rest parameter/剩余参数

函数分为两个阶段，函数创建和函数执行。

函数创建
函数会开辟一个内存存储函数并和函数关联，函数可以看做一个变量。
sum = AAAFFF222

函数执行
函数一旦执行会开辟一个函数的作用域（栈内存）用于执行函数。

js数据渲染机制和堆栈内存

---

堆栈内存

栈内存

• 提供一个代码自上而下执行的环境，也就是我们所说的作用域。
• 由于基本类型值比较简单，他们都是直接在栈内存中开辟了一个位置，把值直接存进去。
• 所以当栈内存被销毁，存储的那些基本值也都跟着销毁。

堆内存

• 存储引用类型值（对象的键值对，函数的代码字符串），当前堆内存释放销毁，那么引用值也就没了。

堆内存释放

• 当堆内存没有被任何的变量或者其他东西所占用，浏览器会在空闲的时候，自主进行内存回收，把所有不被占用的内存销毁。（谷歌浏览器定时查找，IE使用计数器，但是IE存在内存泄漏问题）
• 所以只要让对象被赋值空对象指针 null，那么原有的堆内存就被销毁了。

JS中的堆栈问题以及影响

---

2# 变量提升

变量提升当栈内存（当前作用域）形成之后，JS代码自上而下执行之前，浏览器首先会把所有带var和function关键字的进行提前声明或者定义。

• 声明(declare): var a (默认值undefined)
• 定义(defined): a = 12 （定义就是赋值操作）

变量提升阶段

• var 只进行声明未定义
• function 的声明和定义都完成了

console.log(a) => undefined
var a = 12

变量提升只发生在当前作用域，还未发生的作用域不会提升变量。比如函数执行之后，形成私有作用域，才会提升变量。然后形参赋值，然后执行代码。