本文由 DTcms素材网 – DT素材网 发布，转载请注明出处，如有问题请联系我们！javascript中的值传递和引用传递的详细讲解（代码示例）
收藏本篇文章给大家带来的内容是关于javascript中的值传递和引用传递的详细讲解（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
值传递是针对基本类型的，而引用传递是针对引用类型的。传参可以理解为：复制变量的值，把这个副本传递给形参。
基本类型复制后，形参与实参完全是独立的，不管改变哪一个，都不会对另一个产生影响。
引用传递本质上还是传值，具体的步骤是：1、先在栈中开辟形参引用。2、把实参引用的值传递给形参引用。
1、值传递
function add(num) { num++; console.log("形参：", num); } var a = 20; add(a); console.log("实参：", a);
结果如下：
根据结果分析：调用add(a)，传递的实参a=20，把实参复制一份，把复制本传递给形参num，所以num++后并没有影响实参a的值。
2、引用传递
function setNum(obj) { obj.num = 10; console.log("形参：", obj); } var a = new Object(); setNum(a); console.log("实参：", a);
结果如下：
当var a = new Object();时，下图时变量和对象的关系：
调用setNum(a);时，下图是全局变量a和局部变量obj以及对象Object的关系：
这段代码创建了一个Object对象，变量（引用）a指向这个Object对象。调用setNum(a)，在这个函数内部，obj和a都引用的是同一Object对象，即a和obj都指向同一个堆内存地址。所以，通过传递实参引用a，对形参引用obj添加num属性后，也影响到了实参引用a。所以，很多人就会被这种假象所蒙蔽，错误的认为：在局部作用域修改对象，会在全局对象中反映出来，就说明参数是引用传递。
所以，以下是我的进一步分析：
function setNum(obj) { obj.num = 10; obj = new Object(); obj.num = 20; console.log("形参：", obj); } var a = new Object(); setNum(a); console.log("实参：", a);
结果如下：
在函数内部创建obj对象 obj = new Object(); 下图是a和obj以及Object的关系：
这段代码在前一个的基础上，给setNum()函数中添加了两行代码：obj = new Object()改变了obj的指向；obj.num = 20给新创建的obj添加属性。根据结果来看，形参的改变并没有影响到实参，所以，在JS中，引用传递的本质就是值传递。
更多 推荐文章
- 04-17中国首个东盟电子商务平台“美丽湾”启动
- 04-16电商下乡，京东、苏宁、阿里农村遭遇战打响？
- 04-16买房还是炒股，2015年买房无法拒绝的5大理由
- 04-161季度多家房企利润跌幅超50% 去库存促销战打响
