理解Javascript_01_理解内存分配原理分析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了理解Javascript_01_理解内存分配原理分析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2507字，纯文字阅读大概需要4分钟。

内容图文

var arr = []; //创建一个栈 
arr.push("apple");//压入元素"apple" ["apple"] 
arr.push("orange");//压入元素"orange" ["apple","orange"] 
arr.pop();//弹出"orange" ["apple"] 
arr.push("banana");//压入元素"banana" ["apple","banana"] 
 
我们来看一下，与之对应的内存图： 

原始值是存储在栈中的简单数据段，也就是说，他们的值直接存储在变量访问的位置。 
堆是存放数据的基于散列算法的数据结构，在javascript中，引用值是存放在堆中的。 
引用值是存储在堆中的对象，也就是说，存储在变量处的值(即指向对象的变量，存储在栈中）是一个指针，指向存储在堆中的实际对象. 
例：var obj = new Object(); obj存储在栈中它指向于new Object()这个对象，而new Object()是存放在堆中的。 
那为什么引用值要放在堆中，而原始值要放在栈中，不都是在内存中吗，为什么不放在一起呢?那接下来，让我们来探索问题的答案！ 
首先，我们来看一下代码： 
 代码如下:

function Person(id,name,age){ 
this.id = id; 
this.name = name; 
this.age = age; 
} 
var num = 10; 
var bol = true; 
var str = "abc"; 
var obj = new Object(); 
var arr = ['a','b','c']; 
var person = new Person(100,"jxl",22); 
 
然后我们来看一下内存分析图： 

变量num,bol,str为基本数据类型，它们的值，直接存放在栈中，obj,person,arr为复合数据类型，他们的引用变量存储在栈中，指向于存储在堆中的实际对象。 

由上图可知，我们无法直接操纵堆中的数据，也就是说我们无法直接操纵对象，但我们可以通过栈中对对象的引用来操作对象，就像我们通过遥控机操作电视机一样，区别在于这个电视机本身并没有控制按钮。 


现在让我们来回答为什么引用值要放在堆中，而原始值要放在栈中的问题： 

记住一句话：能量是守衡的，无非是时间换空间，空间换时间的问题 

堆比栈大，栈比堆的运算速度快,对象是一个复杂的结构，并且可以自由扩展，如：数组可以无限扩充，对象可以自由添加属性。将他们放在堆中是为了不影响栈的效率。而是通过引用的方式查找到堆中的实际对象再进行操作。相对于简单数据类型而言，简单数据类型就比较稳定，并且它只占据很小的内存。不将简单数据类型放在堆是因为通过引用到堆中查找实际对象是要花费时间的，而这个综合成本远大于直接从栈中取得实际值的成本。所以简单数据类型的值直接存放在栈中。 

总结： 

程序很简单，但它是一切的根本，基础是最重要的，因为摩天大厦也是一块砖一块瓦的搭建起来的。
内存是程序执行的根本，搞懂了内存，就等于搞懂了一切。 
心血之作，鼓励一下自已，加油！ 

参考： 
JavaScript高级程序设计
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的理解Javascript_01_理解内存分配原理分析全部内容，希望文章能够帮你解决理解Javascript_01_理解内存分配原理分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端