JS中的参数传递实例分析

这篇文章主要介绍“JS中的参数传递实例分析”，在日常操作中，相信很多人在JS中的参数传递实例分析问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JS中的参数传递实例分析”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
　　1. 值传递是什么？
　　在函数传参的过程中，实参将数值传递给形参。
　　EXP：
　　function fun（x） {
　　console.log（x）;
　　}
　　let a = 123;
　　fun（a）;
　　运行结果;
　　在fun（a）这个函数调用语句中，实参为a、形参为x，从输出结果来看，可以证明实参a将数值123传给了形参x。
　　疑问：是否可以通过形参x数值的修改，来改变实参a的值？
　　EXP：
　　function fun（x） {
　　x = 666;
　　}
　　let a = 123;
　　fun（a）;
　　console.log（a）;
　　运行结果：
　　可以看到实参a的数值并没有因为x的改变而发生变化。是因为值传递的特点决定，咱们接着往下看。
　　2、值传递的特点：
　　单向传递，只能将实参的数值传递给形参，不能将形参的值传递给实参。
　　EXP：
　　我们希望编写一个交换两个变量数值的函数swap。
　　function swap（x, y） {
　　let t;
　　t = x;
　　x = y;
　　y = t;
　　}
　　let a = 123;
　　let b = 456;
　　swap（a, b）;
　　console.log（a, b）;
　　运行结果：
　　虽然swap（a, b）被调，但是实参a,b的值并未发生改变。是因为实参a,b与形参x,y在内存中是不同的空间。这里我们引入一个地址的概念。
　　地址就是内存中的一个编号，等价于我们常说的引用ID（引用ID是优化后的地址）。
　　可以将内存想象成一栋高楼，那么地址号就是楼房中的某个房间号。
　　咱们来通过内存模拟一下实参与形参的交换过程。（如下图）假设实参a的地址18，实参b的地址为19。而形参x的地址为20，形参y的地址为21。
　　那么在swap函数执行完后。形参x和y的值确实进行了交换，但是由于形参与实参是不同的空间，所以形参x,y的改变，是无法影响到实参a,b的。
　　疑问：有没有其他办法可以通过形参改变实参的数值呢？
　　有，当传递的实参为引用类型时，可以通过形参改变实参所指向空间的数值。
　　这句话比较难以理解。别急，下面咱们来讨究这个问题。
　　1. 内置基本类型与引用类型作为实参的区别：
　　首先无论实参是什么类型的数据，实参传递给形参的一定是实参的数值本身。
　　通过刚才的swap函数，其实我们已经得出了一个结论：
　　当传递的实参为内置基本类型时，形参是无法改变实参的数值。
　　而当实参为引用类型数据时，又会又怎样的结果呢？
　　EXP：
　　我们依然希望编写一个具有交换功能的swap函数，只不过这次swap函数的参数是一个引用类型数据数组。通过swap函数实现数组内部元素的交换。
　　let arr = [1, 2];
　　function swap（arr1） {
　　let t;
　　t = arr1[0];
　　arr1[0] = arr1[1];
　　arr1[1] = t;
　　}
　　swap（arr）;
　　console.log（arr[0], arr[1]）;
　　运行结果：
　　这次确实交换了arr数组中的arr[0]，arr[1]两个元素的值。
　　原因是引用类型在内存中是由两块空间构成的：
　　咱们依然用内存模拟应用类型数据在内存中的存储方式，20代表一块空间，18代表一块空间。如图所示，18的空间是真正存储数据的空间（new出来的堆空间），20是存储真正数据所在空间的地址。
　　而在swap函数调用时，实参arr将数值18（也就是new出来空间的地址）传值给形参arr1。也就意味着他们都指向同一块空间，那么在swap函数中操作arr1就等价于操作arr本身。就好比一个房子，有两把钥匙，任意免费云主机域名一把钥匙都能打开房子。所以arr数组的数值就会发生交换。
　　总结：
　　1. JS的传参只有值传递，所谓的引用传递本质就是值传递。
　　2. 值传递是单向的。
　　3. 内置基本类型做为实参时，不能通过形参改变实参的数值。
　　4. 引用类型做为实参时，可以通过形参改变实参所指向空间的值。
　　思考：（如果有问题，欢迎私聊讨论）
　　let arr1 = [1, 2];
　　let arr2 = [3, 4];
　　function swap（arr1, arr2） {
　　let t;
　　t = arr1;
　　arr1 = arr2;
　　arr2 = t;
　　}
　　swap（arr1, arr2）;
　　console.log（arr1, arr2）;到此，关于“JS中的参数传递实例分析”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！

相关推荐: CSS的transition过渡属性是什么

这篇文章主要介绍CSS的transition过渡属性是什么，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！ 　　transition属性是在表现时间经过的变化时使用，具体来说，你可以通过点击光标逐渐更改背景颜色等，还有其他的animati…