JavaScript变量的内存分配,你了解多少?

开发 前端
JavaScript的所有变量(包括函数)在整个处理过程中都是存放在内存中,所以要对一个变量进行处理。首先得为变量分配内存。JavaScript内存分配和其他语言一样,是根据变量的数据类型来分配内存的,而JavaScript变量的数据类型由所赋的值的类型所决定的。

[[347504]]

 JavaScript的所有变量(包括函数)在整个处理过程中都是存放在内存中,所以要对一个变量进行处理。首先得为变量分配内存。JavaScript内存分配和其他语言一样,是根据变量的数据类型来分配内存的,而JavaScript变量的数据类型由所赋的值的类型所决定的。JavaScript支持的数据类型可分为两大类:基本数据类型和复杂数据类型。其中基本数据类型包含了数字(number)类型、字符串(string)类型、布尔(boolean)类型、未定义(undefined)类型、空(null)类型;复杂类型包含了对象(object)类型,在JavaScript中数组、函数都属于对象类型。除了基本数据类型以外的数据类型全都是对象类型。在JavaScript中,基本数据类型变量分配在栈内存中,其中存放了变量的值,对其是按值访问的;而对象类型的变量则同时会分配栈内存和堆内存,其中栈内存存放的是地址。堆内存存放的是引用的值,栈内存存放的地址指向堆内存存放的值。对该变量的访问是按引用来访问的,即首先读取到栈内存存放的地址,然后按地址找到堆内存读取其中的值。

JavaScript之所以按变量的不同数据类型来分配内存,主要原因是栈内存比堆内存小,而且栈内存的大小是固定的,而堆内存大小可以动态变化。基本数据类型的值的大小固定,对象类型的值大小不固定,所以将它们分别存放在栈内存和堆内存是合理的。

function Student (id,sno,name,age){ //函数定义,Student是一个函数变量 
   this.id = id; 
   this.sno = sno; 
   this.name = name
   this.age = age; 

var num = 20; //num  是一个数字变量 
var bol = false; //bol 是一个布尔变量 
var str = "student"; //str 是一个字符串变量 
var obj = {}; //obj是一个对象变量 
var arr = ['a','b']; //arr是一个数组变量  
var student = new Studenta(1,"199706010016","maomin",23); //student是一个对象变量 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.

上述代码中的Student变量定义了一个构造函数,函数的定义代码存放在堆内存中,该内存对应的地址存放在Student函数变量中。构造函数用于创建对象实例,最后一行代码正是使用了该构造函数来创建了一个名字叫maomin的学生对象实例。学生实例创建完后会返回其在堆内存中分配的地址,该地址被赋给了student变量。

上述代码中的{}在堆内存中创建了一个空对象,该对象的堆内存中的地址被赋给了obj的变量。['a','b']是一个元素值分别为'a','b'的数组对象,该对象也在堆内存中存放,其对应的地址赋给了arr变量。除了Student、obj、arr和student这几个变量为对象变量外,其他几个变量num、bol、str都是基本数据类型的变量,因而它们都存在栈内存中。

基本数据类型的变量值存储在栈内存,而对象类型变量,包括函数、数组和对象,在栈内存中存储的只是引用对象的地址,该地址为对象在堆内存分配的地址,因而通过该地址可以找到对象类型的变量值。

 

责任编辑:姜华 来源: 前端历劫之路
相关推荐

2022-07-29 09:17:46

JavaScriptReactJS学习

2019-08-01 10:44:23

JavaScript框架内存

2021-02-25 07:08:30

JavaScript 前端面试题

2015-11-09 10:44:37

DevOpsIT运维

2020-03-25 08:47:22

智能边缘边缘计算网络

2012-12-27 10:58:24

KVMKVM概念

2023-10-29 08:35:47

AndroidAOP编程

2023-10-25 08:17:06

Lite模式代理类

2021-06-06 18:22:04

PprofGopher逻辑

2023-05-06 08:53:13

2021-04-23 07:27:31

内存分配CPU

2012-09-29 10:29:56

.Net内存分配继承

2012-09-29 09:22:24

.NETGC内存分配

2019-11-06 09:52:01

JavaScript单线程非阻塞

2019-08-07 17:18:18

云计算云原生函数

2023-09-07 10:26:50

接口测试自动化测试

2022-02-08 12:06:12

云计算

2022-06-07 07:37:40

线程进程开发

2025-01-16 10:41:40

2011-08-23 11:03:35

ATM
点赞
收藏

51CTO技术栈公众号