码迷,mamicode.com
首页 > Web开发 > 详细

js内存

时间:2020-01-02 18:30:43      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:提升   就会   为什么   new   扩展   变量   UNC   维护   执行   

在ECMAscript数据类型有基本类型和引用类型,基本类型有Undefined、Null、Boolean、Number、String,引用类型有Object,所有的的值将会是6种的其中之一.

引用类型的值,也就是对象,一个对象是某个引用对象的实例,用new操作符创建也可以用字面量的方式,ECMA里面有很多原生的引用类型,就是查文档的时候看见的哪些:Function、Number(是原是类型Number的引用类型)、String(是对于原是类型String的引用类型)、Date、Array、Boolean(...)、Math、RegExp等等。

在程序运行的时候,整块内存可以划分为常量池(存放基本类型的值)、栈(存放变量)、堆(存放对象)、运行时环境

 

基本数据类型的值是直接在常量池里面可以拿到,而引用类型是拿到的是对象的引用

var a = 1;
var b = ‘helllo‘;
var c = a;

 c = a, 这种基本类型数据的赋值,只是重新复制一份独立的副本,在变量的对象上创建一个新的值,再把值复制到新变量分配的位置上,a、c它们自己的操作不会影响到对方。

 

 obj1 和 obj2 

var obj1 = new Object();
obj1.name = ‘obj1‘
var obj2 = obj1
console.log(obj2)

 

    内存示意图如下:

技术图片

 

 对于vue,为什么data必须是一个返回一个对象的函数,也是这个道理,避免所有的vue实例共用一套data.

// data是一个对象的时候,共用一套data

function D(){
D.prototype.data = {a:1,b:2}
var a = new D()
var b = new D()

a.data.a = 666;
console.log("b.data.a = ",b.data.a) // 666
}

       

 技术图片

 

 

 

 

//data是一个函数的时候,各自维护自己的data
function DD(){
    this.data = this.data()
}
DD.prototype.data = function () {
    return {
        a:1,b:2
    }
}
var aa = new DD()
var bb = new DD()
aa.data.a = 666
console.log("aa.data.a = ", aa.data.a )
console.log("bb.data.a = ", bb.data.a )

 

大家常听说的先定义后执行,其实就是在栈中先开辟一块内存空间,然后在拿到他所对应的值,基本类型去常量池,引用类型去堆拿到他的引用。

 

为什么引用类型值要放在堆中,而原始类型值要放在栈

 在计算机数据结构中,栈比堆的运算速度快,Object是一个复杂的结构且可以扩展:数组可以扩充,对象可以添加属性,将这些引用类型放在堆中是为了不影响栈的效率,而是通过引用的方式查找到堆中的实际对象再进行操作。

 

先抛出一个问题

function a(){console.log(2)};
var a  = function(){console.log(1)};
a()

覆盖?那么交换的结果又是什么呢?

var a  = function(){console.log(1)};
function a(){console.log(2)};
a()

技术图片

 

 

都是1,然后有的人就说了,var优先。好的,那为什么var优先?

 

先定义后执行,先去栈查找

变量提升,其实也是如此。

先定义(开辟一块内存空间,此时值可以说是undefined)后执行(从上到下,该赋值的就赋值,该执行操作的就去操作),就近原则。

 

 

 下面这段代码;

var a = 10;
function() {
console.log(a);//undefined
var a = 1;
console.log(a)//1
}

 

函数执行时的准确顺序:

var a
console.log(a);//undefined
a = 1;
console.log(a)//1

为什么不出去找全局的a?
就近原则。为什么就近原则?都确定函数内部有定义了,就不会再去外面白费力气。其实是,函数在自己的作用域内找到就不会再再继续找,类似原型链一样,在构造函数里面找到某个属性就不会去原型找,找不到才去,再找不到就再往上。函数也是,沿着作用域链查找。

 

垃圾回收:

     进行前端开发几乎不需要关心内存问题,v8限制的内存几乎不会出现用完的问题,另外,只要关闭了浏览器,一切都结束了。如果是node后端,后端程序往往更加复杂的操作,加上长期运行在服务器不重启,如果不关注内存管理,积少成多就会导致内存泄漏。

   node中的内存第一个部分和上面还是一样,有栈,堆,运行时环境,另外还有一个缓冲区存放Buffer.你可以通过process.memoryUsage()查看node里面进行内存使用情况。堆中的对象被分为新生代和老生代,它们会被不同的垃圾回收机制清理掉。

js内存

标签:提升   就会   为什么   new   扩展   变量   UNC   维护   执行   

原文地址:https://www.cnblogs.com/Su-feng-address/p/12105263.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!