JavaScript参数传递和对象复制

2024-09-01 12:18

本文主要是介绍JavaScript参数传递和对象复制,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


(1)基本类型和引用类型

基本类型:指的是简单的数据段。在内存中占据固定的大小,放在占内存中。

引用类型:指的是那些可能由多个值构成的对象。引用类型的值是对象,保存在堆内存中。


(2)复制

基本类型:

var num1 = 6;
var num2 = num1;
alert('num1='+num1);
alert('num2='+num2);



由上图可以看出,基本类型的复制,是将原有的对象完全复制了一份,并且两者拥有独立的存储空间。


引用类型:

var obj1 = new Object()
obj1.name = 'zhangsan';
var obj2 = obj1;
alert(obj2.name);  //zhangsan  



由上图可见,引用类型的复制,复制的只是原来对象的引用,两个变量的引用指的都是堆内存的同一个对象。


(3)传递参数

JavaScript中所有函数的参数都是按照值传递的,也就是说,把函数外部的值复制给函数内部的参数,就像把一个变量的值复制给另一个变量一样。

还是从例子分析:

基本类型传递:

var num = 10;function addNum(num){num += 5;return num;
}var res  = addNum(num);
alert('num='+num);  //10
alert('res='+res);  //15

代码分析:上述代码中将变量num传到addNum()函数中,相当于做了这么一件事:在addNum 函数作用域中有一个局部变量num,它复制了全局环境的num,

通过第二小节,我们很容易的分析出上述结果。


引用类型:

  function setName(obj){obj.name = 'zhagsan';obj = new Object();obj.name = 'lisi';}var person = new Object();setName(person);alert(person.name);   //zhangsan
</script>

代码分析:

首先我们声明了一个对象person,接着作为参数传递到了setName()函数中,

参数传递做了这么一件事,在setName()函数中有一个局部变量obj,它复制传递过来的参数对象,

也就是person,通过第二小节我们知道,引用类型的对象复制,复制的只是对对象的引用地址,所以在函数setName()中obj和person指向同一个对象,

接着通过obj.name = 'zhangsan',为对象增加了属性name,但是接下来的一行代码,obj = new Object(),使obj指向了一个新的对象的引用,所以从这里开始,

obj和person指向的不是同一个对象了。



这篇关于JavaScript参数传递和对象复制的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1126911

相关文章

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Java进行文件格式校验的方案详解

《Java进行文件格式校验的方案详解》这篇文章主要为大家详细介绍了Java中进行文件格式校验的相关方案,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、背景异常现象原因排查用户的无心之过二、解决方案Magandroidic Number判断主流检测库对比Tika的使用区分zip

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

springboot security使用jwt认证方式

《springbootsecurity使用jwt认证方式》:本文主要介绍springbootsecurity使用jwt认证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录前言代码示例依赖定义mapper定义用户信息的实体beansecurity相关的类提供登录接口测试提供一

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

基于SpringBoot实现文件秒传功能

《基于SpringBoot实现文件秒传功能》在开发Web应用时,文件上传是一个常见需求,然而,当用户需要上传大文件或相同文件多次时,会造成带宽浪费和服务器存储冗余,此时可以使用文件秒传技术通过识别重复... 目录前言文件秒传原理代码实现1. 创建项目基础结构2. 创建上传存储代码3. 创建Result类4.

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4

Tomcat版本与Java版本的关系及说明

《Tomcat版本与Java版本的关系及说明》:本文主要介绍Tomcat版本与Java版本的关系及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Tomcat版本与Java版本的关系Tomcat历史版本对应的Java版本Tomcat支持哪些版本的pythonJ