浅谈javascript性能-管理内存

时间 2019-12-02

原文原文链接

上次说到，javascript脚本到底应该放在哪里？用什么用处？javascript

如下2点：java

在Html、Body部分中的JS会在页面加载的时候执行。即-用户触发一个事件的时候执行的脚本。eg:onload事件...
在Html、Head部分中的JS会在被调用的时候执行。即-常被用来生成页面的内容。

总而言之：将Javascript标识放置<head>...</head>在头部中间，此时，*.js文件的提早调用；也就是说代码放在<head>区域载入的时候，就同时载入了代码，你再<body>区域调用时不须要在加载代码，速度提升了，当运行很大很复杂的程序时，就能够看出了。程序员

墨水多了，老是想一股脑倒出来。镇定一下情绪与思路，仍是想一想，慢慢来呗...chrome

性能篇之-管理内存

先小白一下，一说到内存，这里说的是堆内存。话说什么是堆内存？对了，应该这样解释一会儿，先说一下计算机的内存分配方式：浏览器

1、内存分配方式数据结构

一、全局变量和静态变量（static变量），是由编译器自动分配和释放的，初始化的全局变量和静态变量放在同一块内存区中，未初始化的全局变量和静态变量则放在相邻的另一块内存区中。函数

二、栈，是由编译器自动分配和释放的，主要是函数体的地址，参数和局部变量，静态变量不包含其中，操做方式相似于数据结构中的栈。性能

三、堆，是由程序员手动完成申请和释放的，像malloc和new，程序员没有手动释放的话，当程序结束时由系统释放没有释放的空间，其实现方式与数据结构中的堆彻底不一样，此时的堆的实现方式有些相似于数据结构中的链表。操作系统

四、程序代码区，用于存放程序的二进制代码的空间。指针

五、文字常量区，像常量字符串等存放在这里，程序结束后由系统释放。

综上：以堆的形式所呈现或者进行分配的内存的方式简称堆内存（本身表述，不喜勿喷）

总所周知；chrome浏览器的V8引擎意气风发，大有气吞山河之势。在V8中全部的Javascript对象都是由『堆』的进行内存分配工做的，咱们声明变量时，V8就会在堆内存中分配一部分给变量，若是不够怎么办，继续问堆内存要啊，这样，V8就会继续分配内存，直到达到内存上限。普及一下，V8的堆内存的大小上限，64位操做系统的是1464MB，约1.4GB,而后32位操做系统的上限是732MB，约合0.7GB.相形见绌了吧！

说到正题，管理内存之-解除引用→适用于大多数全局变量和全局对象的属性，局部变量会在他们离开执行环境时自动被解除引用。

说那么多还不如举个例子，eg:

function creatP(name){
  var localP = new Object();
  localP.name = name;
  return localP;          
}
  var globalP = createP("Nick");
  // 手工解除globalP的引用
  globalP = null;

　　注：解除引用的真正做用是让值脱离执行环境，以便垃圾回收器下次运行时将其回收。

顺便说一下，JS基本数据类型的变量存放的是基本数据类型的实际值；而引用类型的变量保存对它的引用，即指针。

基本数据类型（SBUNN）:String、Boolean、Undefined、Number、Null;

引用数据类型（FOA）:Function、Object、Array