javascript中值类型(基本类型):number,string,bool,undefined,null(这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值)

引用类型:对象(Object)、数组(Array)、函数(Function)

2.值类型和引用类型的区别

(1)值类型:

1、占用空间固定,保存在栈中(当一个方法执行时,每个方法都会建立自己的内存栈,在这个方法内定义的变量将会逐个放入这块栈内存里,随着方法的执行结束,这个方法的内存栈也将自然销毁了。因此,所有在方法中定义的变量都是放在栈内存中的;栈中存储的是基础变量以及一些对象的引用变量,基础变量的值是存储在栈中,而引用变量存储在栈中的是指向堆中的数组或者对象的地址,这就是为何修改引用类型总会影响到其他指向这个地址的引用变量。)

2、保存与复制的是值本身

3、使用typeof检测数据的类型

4、基本类型数据是值类型

(2)引用类型:

1、占用空间不固定,保存在堆中(当我们在程序中创建一个对象时,这个对象将被保存到运行时数据区中,以便反复利用(因为对象的创建成本通常较大),这个运行时数据区就是堆内存。堆内存中的对象不会随方法的结束而销毁,即使方法结束后,这个对象还可能被另一个引用变量所引用(方法的参数传递时很常见),则这个对象依然不会被销毁,只有当一个对象没有任何引用变量引用它时,系统的垃圾回收机制才会在核实的时候回收它。)

2、保存与复制的是指向对象的一个指针

3、使用instanceof检测数据类型

4、使用new()方法构造出的对象是引用型

复制对象在内存中的存储情况,如下图:

看代码:

let obj={id:1,name:'cheery'}
let objcopy=obj;
console.log(objcopy==obj) //true
obj.id=2;
console.log(objcopy) //{id:2,name:'cheery'}
console.log(objcopy==obj) //true

引用类型变量存储在栈中,变量中实际存储的是指向堆中的引用类型数据的地址

引用变量obj赋值给objcopy,实际是将数据在堆中的地址,赋给objcopy,两个变量指向同一个地址,当通过obj,objcopy任何一个变量修改数据,实际操作的是同一数据,所以obj,objcopy指向的值都相等


值类型保存的是实际的value,复制值类型变量,实际是将数据复制一份存放在栈中另一个地址空间

let a='hello'
let b=a;
console.log(b) // hello
a='hello world'
console.log(b) //hello

各自的修改互相独立,互不影响

最新文章

  1. jquery判断当前浏览器的实现代码
  2. 软件工程-构建之法 WordCount小程序 统计文件中字符串个数,单词个数,词频,行数
  3. Eclipse 项目中有红色感叹号,怎么办?
  4. 怎样彻底清楚Chrome缓存数据
  5. JavaScript学习笔记——DOM_document对象
  6. 【原创+译文】官方文档中声明的如何创建抽屉导航栏(Navigation Drawer)
  7. FTS抓包看蓝牙的SDP整个过程
  8. 3.7 嵌入式SQL
  9. 使用jetty-maven-plugin插件进行测试
  10. Thinkphp模板中使用自定义函数的方法
  11. 定位 position
  12. Java实现生产者消费者问题与读者写者问题
  13. Bootstrap验证控件的使用
  14. easyui dialog 中嵌入html页面
  15. 2018-08-06 在Office的VBA代码里中文命名
  16. 将font-size设置为 12px 以下,Chrome浏览器只能显示12px怎么办?
  17. ansible-playbook快速入门填坑
  18. 对LOV中的值进行强制验证
  19. jbpm(流程管理)
  20. ASP.NET 构建高性能网站 第2篇

热门文章

  1. docker | jenkins 实现自动化部署项目,后端躺着把运维的钱挣了!(上)
  2. Linux组管理
  3. uos系统安装tree
  4. python基础语法_9-0函数概念
  5. netty系列之:不用怀疑,netty中的ByteBuf就是比JAVA中的好用
  6. 【流行前沿】联邦学习 Federated Learning with Only Positive Labels
  7. OpenLDAP测试搭建
  8. Python中模块调用说明
  9. containerd与kubernetes集成部署
  10. 用 UI 多线程处理 WPF 大量渲染的解决方案