JS浅谈原始值与引用值操作

值的操作分为三大类:复制,传递,比较

一:复制

原始值
let a = 10;
let b = a;
注释:2018-7-30 17:33:49
1 原始类型的值都是存放在栈内存当中,所以他们的赋值操作,其实相当于在栈内存开辟新的空间,然后将值的副本赋给新的内存,所以他们互不干扰

引用值
let obj = {
    name:‘panrui‘
};
let obj1 = obj;
1 引用类型的值是存放在堆内存当中,栈内存中变量保存的只是一个堆内存的地址,所以赋值操作,也是开辟一个新的栈内存,然后将地址赋值给新的内存,由于两个变量对应的地址指向同一个地方,所以他们会互相影响
2 tip:如果给变量赋值新值呢
    2.1
    obj1 = 6
    console.log(obj) //{name:‘panrui‘} 并不会影响
    2.2
    obj = 6
    console.log(obj1) //{name:‘panrui‘} 并不会影响
    重复赋值实际上是覆盖变量对原值的引用,变为另一个值的副本或对其引用。所以不会对原值产生影响

二:传递

原始值
let a = 10;
function f(x){
    x= x + x
}
f(a)
console.log(a) // 10
注释:说明传递和赋值其实是一样的,都是传递值的副本,互不影响

引用值
let obj = {
    name:‘panrui‘
};
function a(a){
    a.name = ‘hello‘
}
function(obj)
console.log(obj) // {name:‘panrui‘}  因为传递的地址指向的同一个引用,所以互相影响

注释:说明不管是基本类型,还是引用类型都是按值传递的,引用类型传递的是地址,基本类型传递的值的副本
function a(a){
    a.name = ‘hello‘;
    a = new Object();
    a.name = ‘hah‘;
    console.log(a) //{name:‘hah‘} 相当于重新赋值,这时候a在栈内存保存的是另外一个值的副本或者新的地址

}
a(obj)
console.log(obj) //{name:‘hello‘}

三:比较值

原始值
let a = ‘hello‘
let b = ‘hello‘
a === b //true
注释:当对原始值进行比较时,进行逐字节的比较来判断它们是否相等。比较的是值本身,而不是值所处的位置,固然比较的结果可能会相等,
但只是说明它们所包含的字节信息是相同的

引用值
let a = new Number(1);
let b = new Number(1);
a === b //false

let c = a;
a === c //true

注释:当比较两个引用值时,比较的是两个引用地址,而不是比较它们的原值字节是否相等

原文地址:https://www.cnblogs.com/panrui1994/p/9394056.html

时间: 2024-07-31 19:46:12

JS浅谈原始值与引用值操作的相关文章

js中 原始值和引用值

在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值. 原始值-----存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置; 引用值-----存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处. 如果一个值是引用类型的,那么它的存储空间将从堆中分配.由于引用值的大小会改变,所以不能把它放在栈中,否则 会降低变量查寻的速度.相反,放在变量的栈空间中的值是该对象存储在堆中的地址.地址的大小是固定的,

ECMAScript 原始值和引用值

在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值. 原始值和引用值 在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值. 原始值 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置. 引用值 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处. 为变量赋值时,ECMAScript 的解释程序必须判断该值是原始类型,还是引用类型.要实现这一点,解释程序则需尝试判断该值是否

原始值和引用值

在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值. 原始值 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置. 引用值 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处. 为变量赋值时,ECMAScript 的解释程序必须判断该值是原始类型,还是引用类型.要实现这一点,解释程序则需尝试判断该值是否为 ECMAScript 的原始类型之一,即 Undefined.Null.Boolean.

JavaScript-原始值和引用值

一.原始值和引用值的概念 在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值. 1.1 原始值 (1)原始值指的是 原始类型 的值,也叫 基本类型,例如 Number.Stirng.Boolean.Null.Underfined . (2)存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置. (3)注意 在许多语言中,字符串都被看作引用类型,而非原始类型,因为字符串的长度是可变的.ECMAScript 打破了这一传统. 1.2 引用值 (1)引

浅谈ThreadPool 线程池(引用)

出自:http://www.cnblogs.com/xugang/archive/2010/04/20/1716042.html 浅谈ThreadPool 线程池 相关概念: 线程池可以看做容纳线程的容器: 一个应用程序最多只能有一个线程池: ThreadPool静态类通过QueueUserWorkItem()方法将工作函数排入线程池: 每排入一个工作函数,就相当于请求创建一个线程: 线程池的作用: 线程池是为突然大量爆发的线程设计的,通过有限的几个固定线程为大量的操作服务,减少了创建和销毁线程

salesforce lightning零基础学习(八) Aura Js 浅谈一: Component篇

我们在开发lightning的时候,常常会在controller.js中写 component.get('v.label'), component.set('v.label','xxValue'); 小伙伴肯定有疑问这些方法是怎么定义的,lightning到底有多少已经声明的方法可供我们使用,此篇主要讲述aura framework为我们提供的 component的js的主要方法. 本人salesforce环境切换到lightning,URL为:https://zero-zhang-dev-ed

浅谈REDIS数据库的键值设计(转)

add by zhj: 关系数据库表的一条记录可以映射成Redis中的一个hash类型,其实数据库记录本来就是键值对.这样,要比本文中的键设计用更少的键,更节省内存,因为每个键除了它的键值占用内存外,还额外占用一定的内存. 原文:http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣.不像关系型数据库那样,DEV和DBA需要深度沟通,review每行sql语句,也不像memcached那样,不需要DBA的参与.redis的D

浅谈REDIS数据库的键值设计

原文地址:http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣.不像关系型数据库那样,DEV和DBA需要深度沟通,review每行sql语句,也不像memcached那样,不需要DBA的参与.redis的DBA需要熟悉数据结构,并能了解使用场景. 下面举一些常见适合kv数据库的例子来谈谈键值的设计,并与关系型数据库做一个对比,发现关系型的不足之处. 用户登录系统 记录用户登录信息的一个系统, 我们简化业务后只留下一张表.

浅谈Java中的引用

在Java语言中,引用是指,某一个数据,代表的是另外一块内存的的起始地址,那么我们就称这个数据为引用. 在JVM中,GC回收的大致准则,是认定如果不能从根节点,根据引用的不断传递,最终指向到一块内存区域,我们就将这块内存区域回收掉.但是这样的回收原则未免太过粗暴.有些时候,内存的使用并不紧张,我们并不希望GC那么勤劳的.快速的回收掉内存.反而有时候希望数据可以在内存中尽可能的保留长一会,待到虚拟机内存吃紧的时候,再来清理掉他.因此从JDK1.2之后,引用的类型变的多样化,从而更好的适应编码的需要