1# Js数据类型渲染机制和堆栈内存
Js 文件的放置位置
- head 头部
- body 底部（推荐）
Js 的 <script> 标签还有两个属性，可以深入研究一下。
asyncdefer
基本类型和引用类型数据渲染机制不同
基本类型是值传递，每一次赋值都会开辟新的内存，关联对应的变量，各个变量之间没有相互依存的指针关系。
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 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数据渲染机制和堆栈内存
js数据渲染机制和堆栈内存
堆栈内存
栈内存
- 提供一个代码自上而下执行的环境，也就是我们所说的作用域。
- 由于基本类型值比较简单，他们都是直接在栈内存中开辟了一个位置，把值直接存进去。
- 所以当栈内存被销毁，存储的那些基本值也都跟着销毁。
堆内存
- 存储引用类型值（对象的键值对，函数的代码字符串），当前堆内存释放销毁，那么引用值也就没了。
堆内存释放
- 当堆内存没有被任何的变量或者其他东西所占用，浏览器会在空闲的时候，自主进行内存回收，把所有不被占用的内存销毁。（谷歌浏览器定时查找，IE使用计数器，但是IE存在内存泄漏问题）
- 所以只要让对象被赋值空对象指针 null，那么原有的堆内存就被销毁了。
2# 变量提升
变量提升当栈内存（当前作用域）形成之后，JS代码自上而下执行之前，浏览器首先会把所有带var和function关键字的进行提前声明或者定义。
- 声明(declare):
var a(默认值undefined) - 定义(defined):
a = 12（定义就是赋值操作）
变量提升阶段
-
var只进行声明未定义 -
function的声明和定义都完成了
console.log(a) => undefined
var a = 12
变量提升只发生在当前作用域，还未发生的作用域不会提升变量。比如函数执行之后，形成私有作用域，才会提升变量。然后形参赋值，然后执行代码。
