引用传参--面向对象的魅力

最新推荐文章于 2025-08-14 21:27:18 发布
最新推荐文章于 2025-08-14 21:27:18 发布
阅读量80 收藏
点赞数
文章标签： c# 数据库 java

引用传参--面向对象的魅力

面向对象开发作为一种主流的软件开发方式，极大地改变了我们开发软件的方式。其遵从人类认识世界的普遍规矩，将现实中纷繁复杂的事物抽象为业务实体类，这就是由具体到抽象的认知过程；其积极响应软件工程的需求，其使我们开发的软件具有灵活性、扩展性、维护性的能力，极大地促进了软件开发的发展。

那么传递参数的时候，面向对象技术能给我们带来什么好处呢？ 今天就以昨天碰到的问题作为引子，我们来简单的了解一下面向对象传参的魅力！

在web开发中，我们经常需要从父页面传递参数到子页面中，具体的代码如下，

function showModelDialog(xml) { var url = "child.htm?parameter=123456"; var parameter = "123456"; window.formXml = xml; window.showModalDialog(url, parameter); }

代码中，我们使用showModelDialog来打开一个模式对话框，这个时候我们往往会传递一些参数过去，一般情况我们会有两种方式实现

1. url传递参数

2. 通过showModelDialog的第二个参数传递

那么这两种方式有什么区别呢？

1. 前者传递的数据简单类型单一，只能作为字符串传递；

2. 前者传递的字符串不能包括特殊的字符，同时字符串的长度不能太长；

3. 基于浏览器安全的考虑，包含某些字符串的参数不能传递（比如跨站脚本攻击）；

所以很多的时候，我们会更乐意使用第二种方式来传递参数，但是这种方式又有什么特点呢？又怎么能体现面向对象技术传递参数的魅力呢？先别急，还是先来简单的了解一下我遇到的问题吧，我们的产品在父页面中通过复杂的业务逻辑形成了一个xml格式的数据源，然后将这个数据源传递给子页面来展现。我是通过第二种方式实现的。本来一直运行相安无事，但是昨天事业部的客户反馈打开子页面的时候抛出异常；经检查配置的数据没有什么异常，唯一的差别就是配置形成的xml数据源字符串的长度比较大，那么会不会是由于参数传递有长度限制，截断了部分的字符串，导致子页面解析数据源的时候出错？想到这里，我就逐渐字符个数来测试，终于我测出来这个长度限制就是4096个字符，我们可以通过以下我写的例子测试

//测试类 var PassParameterTester = { //新的页面地址 url: "NewPage.htm" , //获取字符个数为4096的参数 getParameter4096: function () { return this.getParameter(4097); } , //获取参数的个数为4097的参数 getParameter4097: function () { return this.getParameter(4098); } , getParameter: function (count) { return new Array(count).join("x"); } , passValueParameter4096: function () { this.passValueParameter(this.getParameter4096()); } , passValueParameter4097: function () { this.passValueParameter(this.getParameter4097()); } , //参数作为值类型进行传递 passValueParameter: function (parameter) { this.showModelDialog(this.url, parameter.toString()); } , showModelDialog: function (url, parameter) { window.showModalDialog(url, parameter); } };

我们调用PassParameterTester.passValueParameter4097()，通过以下图片中显示的长度，我们可以看到字符串被截断了。

图 1. 过长字符串经历传递被截断后的长度

那么现在我们该怎么做了，我们既不能限制客户配置产生的字符串的长度，同时也不能从数据库、或者文件中获取，除了形成数据源需要复杂的业务逻辑，同时子页面也需要反复的保存客户的临时数据。那我是最终怎么实现的呢？我们知道js对象可以在创建后动态的添加成员，所以我将xml字符串赋值给window对象的formXml属性，然后在子页面中通过传递过去的window来获取。

后来静下来仔细想想，难道我们只能使用window对象吗？window是引用类型变量，那是不是任何引用变量都可以呢？我们可以通过以下的例子进行验证

//测试类 var PassParameterTester = { //新的页面地址 url: "NewPage.htm" , //获取字符个数为4096的参数 getParameter4096: function () { return this.getParameter(4097); } , //获取参数的个数为4097的参数 getParameter4097: function () { return this.getParameter(4098); } , getParameter: function (count) { return new Array(count).join("x"); } , passReferenceParameter4096: function () { this.passReferenceParameter(this.getParameter4096()); } , passReferenceParameter4097: function () { this.passReferenceParameter(this.getParameter4097()); } , //以引用类型进行传递 passReferenceParameter: function (parameter) { this.showModelDialog(this.url, { arg: parameter }) } , showModelDialog: function (url, parameter) { window.showModalDialog(url, parameter); } };

图 2. 大于4096的字符串成功传递了

从图中我们看到，参数已经被正确的传递过去了！那么这又是为什么呢？这个大于4096的字符串怎么传递过去的呢？难道这就是地址传参吗，我们知道js里是没有地址传参这回事的，其参数都是传值的，就是java和C#一般的情况下参数也是传值的，但是我们在C#里可以通过in、out、ref来实现地址传参的。

我们都知道传值传参的时候，我们在函数中改变了参数的值，其对应的变量的值并不改变，值类型传参就是将变量保存的内容复制到函数的形参中，他们是两个不同的变量，值不过保存的内容相同不了，具体如图3

图 3. 值类型传参

引用变量保存的是一个地址，这个地址里保存的是变量的具体值，而引用类型作为参数的时候，是将变量保存的地址值赋值到参数变量里，这样他们都指向了同一个内容，这样我们改变参数的成员的话，那么相应的变量的成员也会改变。

图 4. 引用类型传值传参

如果我们在函数中为参数重新赋值，那么对应的变量是不是也改变呢？答案是显然的，传值传参是不可能改变外部变量的。

图 5. 引用类型内部赋值

同样是传值传参，引用类型和值类型传参的本质是一样的，都是将变量保存的东西直接复制给形参，其实这跟赋值操作是一样的。但是由于引用对象的地址是一个数字，所以传参的时候，不过引用类型的值具体是多么大的数据，我们都可以安全的传递。

iteye_15968
关注
【JS】引用对象是如何传参的？
LAWTED的博客
04-04 696
title: 按值传参 date: 2021-04-04 18:51:12 tags: 技术 【JS】引用对象是如何传参的？ 先看两段代码JS //Code 1.1 function add(){ var a = 2; } add(); console.log(a);//ReferenceError //Code 1.2 function add(){ a = 2; } add(); console.log(a);// 2 第一个输出ReferenceError,第二个输出2 ,因为在函数内部使用.
Java面向对象编程语法知识点
m0_56987404的博客
05-04 729
面向对象编程语法保姆级大总结，复习专用
5分钟掌握 Python 对象的引用
Python中文社区
12-24 1158
1. 引言引用在各种编程语言中都有涉及，如java中值传递和引用传递。python的对象引用也是学习python过程中需要特别关注的一个知识点，特别是对函数参数传递，可能会引起不必要的B...
对象和对象的引用，值传递和引用传递
zl_StepByStep的博客
09-15 2980
刚刚接触Java时应该听说过一句“万物皆对象”，《Java编程思想》一书中也描述对象“将对象视为奇特的变量，它可以存储数据，除此之外，还可以要求它在自身上执行操作。理论上讲，可以抽象待求解问题的任何概念化构件，将其表示为程序中的对象”。对于对象的引用，心里大概知道，却不知怎么表达。还有一个问题就是Java是值传递还是引用传递，在C语言中这个问题看到的比较多，在Java中似乎没怎么探讨过。下面围绕上面两个问题来分析！
java笔记-1
qq_64572515的博客
07-26 1156
学习的重点1.如何快速学习java技术2.Java运行机制3.JDK4.Java开发规范5.数据类型6.二进制7.位运算符8.循环9.数组10.成员方法11.成员方法传参机制12.构造器13.封装14.继承15.多态16.类变量和类方法17.接口18.内部类19.异常体系图20.异常处理21.String22.StringBuffer23.StringBuilder24.集合框架体系25.ArrayList26.Vector27.HashSet28.HashMap29.自定义泛型30.Synchronize
探索c++——了解c++的魅力
strive_mianyang的博客
03-06 4504
那么这个被调用的函数就会。
【JAVA】面向对象三大特性之多态
m0_68002296的博客
07-20 579
本文深入解析Java多态的核心概念与实现机制。多态作为面向对象编程三大特性之一，通过继承体系下的方法重写实现"一个接口，多种实现"的效果。文章详细阐述了多态的实现条件（继承、重写、父类引用调用），并通过动物类继承体系代码示例演示了多态的具体应用。同时对比了方法重写与重载的区别，解释了静态绑定与动态绑定的原理。此外，文章还系统介绍了向上转型（子类对象作为父类使用）和向下转型（父类引用还原为子类对象）的转换机制及使用场景，特别指出了向下转型的安全隐患及instanceof操作符的解决方案。全
Note-Cpp-基本知识
JinMing1024的博客
11-14 646
C++基础知识
面向对象 元类 gil log 协程 垃圾回收 描述符 property
m0_61634551的博客
11-12 330
Build-in Function,启动python解释器，输入。
计算机考研考博经典考题汇总(一次刷新世界观-我相信VIP总是有原因的）
热门推荐
weixin_44077556的博客
07-17 4万+
操作系统 操作系统的特点？ – 共享：资源可被多个并发执行的进程使用 – 并发：可以在同一时间间隔处理多个进程，需要硬件支持 – 虚拟：将物理实体映射成为多个虚拟设备 – 异步：进程执行走走停停，每次进程执行速度可能不同，但OS需保证进程每次执行结果相同 进程的三个组成部分？ 程序段、数据段、PCB(Process Control Block) 并发与并行区别？ 并发：同一间隔 并行：同一时刻 进程切换的过程？ 保持处理机上下文 -> 更新PCB -> 把PCB移入相应队列(就绪、阻塞) -&g
详细的C++基础教程，涵盖命名空间、输入输出、缺省参数、函数重载、引用、const引用、inline函数等内容，并补充更丰富的代码示例和解释
zhxup606的专栏
08-03 524
如果需要更深入的代码实现（如B树删除）、题目分析或调试，请告诉我！详细的C++基础教程，涵盖命名空间、输入输出、缺省参数、函数重载、引用、const引用、inline函数等内容，并补充更丰富的代码示例和解释，结合之前讨论的二叉搜索树（BST）等数据结构，体现C++的“高效与美的极致平衡”。C++基础教程：从入门到精通的温柔引导C++是一种功能强大、灵活的编程语言，兼容C语言，同时引入了面向对象、泛型编程等特性，广泛用于系统开发、游戏引擎和高性能数据结构（如BST、AVL树、红黑树、B树、Splay树）。
大一Java学习须知及基础知识点整理
2401_86041488的博客
06-27 598
继承是面向对象编程中的一个重要概念，允许一个类（子类）继承另一个类（父类）的属性和方法。组合是另一种实现代码复用的方式，它允许一个类包含另一个类的对象作为自己的成员变量。继承是面向对象编程中的一个重要概念，允许一个类（子类）继承另一个类（父类）的属性和方法。组合是另一种实现代码复用的方式，它允许一个类包含另一个类的对象作为自己的成员变量。而对于对象，传递的是对象引用的副本，但对象本身仍然是按值传递的。而对于对象，传递的是对象引用的副本，但对象本身仍然是按值传递的。编写代码并运行它是学习Java的最佳方式。
2024最新版Python视频教程木棉
niwoxiangyu的博客
10-17 473
002-初识python-python介绍。005-初识python-mac软件安装。055-组合数据类型-列表的常用操作。057-组合数据类型-列表的常用方法。059-组合数据类型-元组的常用操作。003-初识python-软件安装。013-初识python-知识总结。012-初识python-流程图。014-初识python-练习题。054-组合数据类型-列表的创建。056-组合数据类型-列表的遍历。058-组合数据类型-元组的创建。060-组合数据类型-元组的遍历。
【C#】PNG 和 JPG、JPEG的应用以及三种格式的区别？
最新发布
wangnaisheng的专栏
08-14 313
【C#】PNG 和 JPG、JPEG的应用以及三种格式的区别？
C# 中的后台线程与前台线程
LZQqqqqo的博客
08-13 202
C#多线程编程中，前台线程和后台线程主要区别在于对程序生命周期的影响。前台线程会阻止程序退出直到执行完毕，而后台线程会随主线程结束而终止。通过IsBackground属性设置线程类型，默认是前台线程。关键任务应使用前台线程（如数据保存），辅助性任务适合后台线程（如日志记录）。Task类默认使用后台线程。开发时需根据任务重要性选择线程类型，前台线程确保关键操作完成，后台线程提高资源利用率，但要注意处理资源释放问题。
菜鸟的C#学习（基本知识）
qq_43582136的博客
08-12 930
在 C# 中，不同数据类型占用的字节数由其存储方式和取值范围决定，部分类型的字节数会因运行环境（如 32 位/64 位系统）略有差异。）和类的成员会因内存对齐规则（如 4 字节对齐、8 字节对齐）添加填充字节，导致实际占用字节数可能大于成员之和。：仅在不安全代码中使用，其大小与系统位数一致（32 位 4 字节，64 位 8 字节），存储的是内存地址。：本质是引用类型，其引用地址占用 4/8 字节，实际行为由运行时决定。引用类型存储的是数据的引用（内存地址），其自身的。
uniapp开发动态添加密码验证
ZhouXin_0819的博客
08-14 79
密码验证功能实现 该代码实现了一个密码设置页面的验证功能，主要包含以下特性： 密码输入框：支持明文/密文切换显示，带清除按钮 实时验证：对输入密码进行三种条件验证： 至少8个字符 至少包含1个数字 至少包含1个字母 视觉反馈： 三个验证条件分别显示对应图标 图标三种状态： 默认状态（灰色info图标） 成功状态（绿色勾选图标） 失败状态（红色info图标） 技术实现： 使用Vue3的composition API 通过计算属性实时判断验证条件 动态切换图标类型和颜色 整体实现了良好的用户体验，让用户在输入密
router-link传参是个对象
04-23
### Vue Router 中通过 `router-link` 传递对象作为参数 在 Vue Router 中，可以通过多种方式实现将对象作为参数传递给目标组件的功能。以下是几种常见的方法及其对应的代码示例。 #### 方法一：使用 `params` 属性传递对象 可以利用命名路由的方式，将整个对象作为参数传递到目标路由中。需要注意的是，这种方式不会将参数显示在 URL 地址栏中[^2]。 ```html <template> <div> <!-- 使用 params 将对象传递 --> <router-link :to="{ name: 'TargetRoute', params: { userData: userObject }}"> 跳转并传递对象 </router-link> </div> </template> <script> export default { data() { return { userObject: { id: 1, name: "Alice", email: "alice@example.com" } }; } }; </script> ``` 在目标组件中，可以通过 `$route.params.userData` 获取传递的对象： ```javascript // TargetComponent.vue export default { mounted() { console.log(this.$route.params.userData); // 输出传递过来的对象 } } ``` --- #### 方法二：使用 `query` 属性传递对象 如果希望将对象的属性展现在 URL 中，则可以使用 `query` 方式来传递数据。此时需要先将对象序列化为字符串形式再解析回对象[^1]。 ```html <template> <div> <!-- 使用 query 将对象转换成查询字符串 --> <router-link :to="{ path: '/target-route', query: { ...this.userObject } }"> 带 Query 的跳转 </router-link> </div> </template> <script> export default { data() { return { userObject: { id: 1, name: "Bob", email: "bob@example.com" } }; } }; </script> ``` 在目标组件中，可通过 `$route.query` 来获取这些参数，并重新组合为原始对象： ```javascript // TargetComponent.vue export default { computed: { parsedUserData() { const { id, name, email } = this.$route.query; return { id, name, email }; // 解析后的对象 } }, mounted() { console.log(this.parsedUserData); } }; ``` --- #### 方法三：借助 `props` 功能传递复杂对象 当配置路由时启用了 `props` 支持，可以直接向目标组件传递复杂的对象结构[^3]。 首先，在路由定义文件中设置 `props` 函数返回所需的数据： ```javascript const routes = [ { path: "/complex-object-passing", name: "ComplexPassing", component: () => import("@/components/TargetComponent"), props(route) { return { complexData: JSON.parse(decodeURIComponent(route.query.data)) }; } } ]; ``` 接着，在模板中编码该对象并通过 `query` 发送： ```html <template> <div> <router-link :to="{ path: '/complex-object-passing', query: { data: encodeURIComponent(JSON.stringify(userObject)) } }" > 复杂对象传递测试 </router-link> </div> </template> <script> export default { data() { return { userObject: { id: 2, name: "Charlie", details: { age: 30, address: "New York" } } }; } }; </script> ``` 最后，在目标组件内部接收到解码后的对象即可正常使用： ```javascript // TargetComponent.vue export default { props: ["complexData"], mounted() { console.log(this.complexData); // 完整的对象被成功传递到这里 } }; ``` --- ### 总结 以上三种方法分别适用于不同的场景需求： - **Params** 更适合隐藏式的参数传输； - **Query** 则用于公开透明化的地址栏展示； - **Props 结合自定义逻辑处理更灵活的大规模数据交换情况**。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值