第183天:引用类型和值类型

一、内存分配

1、数值型内存分配

 1 <script>
 2     var num1; //这个时候不进行内存分配
 3     var num3=9;//分配内存
 4     var num4=num3;//会不会分配
 5 
 6      //  这里到底分配还是不分配内存??
 7      // 答案 --分配内存 彼此拥有独立的内存空间,互不影响
 8     console.log(num3);
 9     console.log(num4);
10 
11     num3=3333333;
12     num4=4444444;
13     console.log(num3);
14     console.log(num4); //当更改数据,值不一样的本质是这里分配两个空间独立存储
15 
16 
17 </script>

2、字符串内存分配

 1 <script>
 2     //字符串
 3     var str1; //这个时候不进行内存分配
 4     var str2 = '乐乐'; //分配内存
 5     var str3=str2; //问题,这里str3 会不会分配内存??
 6     
 7     //答案:会
 8     console.log(str1);
 9     console.log(str2);
10     console.log(str3);
11     console.log(str2===str3); //比较的是指针指向的内存空间中存储的值
12 
13     str2 ='lalala222222222';
14     str3 ='lalala333333333';
15     console.log(str2);//lalala222222222
16     console.log(str3);//lalala333333333
17 </script>

3、数组内存分配

 1 <script>
 2     //    数组 : 当定义一个新数组,
 3     // 内存会产生两片区域,一个存储变量,一个存储数组 变量中保存的只是数组所在的地址
 4     var arr1=['乐乐','淘淘'];//分配内存
 5     //引用类型其实是指向同一个地址,也就是操纵的其实是同一个位置
 6     var arr2=arr1;   //问题:这里arr2会不会分配内存
 7     console.log(arr1[0]);//乐乐
 8     console.log(arr2[0]); //乐乐   一样
 9 
10 
11     //修改数组1
12     arr2[0]='水浒传 西游记 三国演义 红楼梦';
13     console.log(arr1[0]);//水浒传 西游记 三国演义 红楼梦
14     console.log(arr2[0]);//水浒传 西游记 三国演义 红楼梦
15 
16     //一样 说明这里不分配内存,其实arr2变量中存的是地址,指向arr1内存
17 
18 </script>

4、函数内存分配

 1 <script>
 2 
 3 //    系统都会在内存中生成两个区域:一个存储变量,一个用来存储函数
 4 //    而变量中存放的只是函数空间所在的地址(指针)
 5 //    由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。
 6 //由于函数名仅仅是指向函数的指针,
 7 //因此函数名与包含对象指针的其他变量没有什么不同。
 8 //换句话说,一个函数可能会有多个名字,例如:
 9 function sum(num1,num2)
10     {
11         return num1 + num2;
12     }
13 console.log(sum(10,10)); //20
14 
15 var anotherSum = sum;
16 
17  //内存是如何分配的? 这里不会在内存生成新的空间,存储函数,而是生成一个变量,变量中保存的是同一个地址
18 sum = null;//这里只是将sum变量中原来保存的是函数地址,然后赋值成null,这样做并不会影响到函数对象对应的内存空间
19 console.log(anotherSum(10,10)); //20
20 console.log(sum(10,10)); //20
21     
22 </script>

二、引用类型和值类型总结

 1 <script>
 2     function show(x) {
 3         console.log(typeof(x));    // undefined 值类型
 4         console.log(typeof(10));   // number 值类型
 5         console.log(typeof('abc')); // string 值类型
 6         console.log(typeof(true));  // boolean 值类型
 7         console.log(typeof(function () { })); //function 函数 引用类型
 8         console.log(typeof([1, 'a', true]));  //object 数组  引用类型
 9         console.log(typeof ({ a: 10, b: 20 }));  //object 或者json  引用类型
10         console.log(typeof (null));  //object   null  引用类型
11         console.log(typeof (new Number(10)));  //object  内置对象 引用类型
12     }
13     show();
14 //    其中上面的四种(undefined, number, string, boolean)属于值类型,不是对象。
15 //    函数、数组、对象、null、new Number(10)都是对象。他们都是引用类型。
16 
17     var test ={name:'lele'};
18     var test2=  test;
19     console.log(test === test2);//true
20     test.name='lala';
21     console.log(test2.name);//lala
22 
23 </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏陈树义

《JavaScript程序设计》第2课:JS类型系统

JS类型系统可以分为标准类型和对象类型,进一步标准类型又可以分为原始类型和引用类型,而对象类型又可以分为内置对象类型、普通对象类型、自定义对象类型。 ? 1. ...

3387
来自专栏黑泽君的专栏

java基础学习_面向对象(上)02_day07总结

============================================================================= ==...

771
来自专栏软件开发 -- 分享 互助 成长

(虚)继承类的内存占用大小

(虚)继承类的内存占用大小 首先,平时所声明的类只是一种类型定义,它本身是没有大小可言的。 因此,如果用sizeof运算符对一个类型名操作,那得到的是具有该类...

2178
来自专栏柠檬先生

Java 基础标识符

标识符: 程序员为自己定义的类,方法或者变量等起的名称。     标识符由大写字母,数字,下划线(_)和美元符号组成,但不能以数字开头。 Java 语言中严格区...

2145
来自专栏PHP在线

欢迎来到phpdaily

1.Null类型,表示空对象指针,使用typeof检测会返回object。 如果定义的变量在将来用于保存对象,最好将该变量初始化为NUll.可以体现null作为...

3297
来自专栏Android开发指南

5:面向对象总结

37112
来自专栏转载gongluck的CSDN博客

python笔记:#013#高级变量类型

高级变量类型 目标 列表 元组 字典 字符串 公共方法 变量高级 知识点回顾 Python 中数据类型可以分为 数字型 和 非数字型 数字型 整型 (in...

3479
来自专栏http://www.cnblogs.com

python3 re模块

一.常用正则表达式符号和语法: '.' 匹配所有字符串,除\n以外 ‘-’ 表示范围[0-9] '*' 匹配前面的子表达式零次或多次。要匹配 * 字符,请使用 ...

48112
来自专栏CaiRui

Mysql-6-数据类型和运算符

1.mysql数据类型 (1)数值数据类型:包括整数类型tinyint、smallint、mediumint、int、bigint,浮点小数类型float和do...

18110
来自专栏Alice

正则表达式的学习1基础学习

正则表达式的学习 1.什么是正则表达式?正则表达式是使用单个字符串,匹配一系列符合某个句法规则的字符串。 1.正则表达式中的一些特殊代码,也叫元字符。 \b  ...

1818

扫码关注云+社区

领取腾讯云代金券