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