javascript函数传参问题

发布网友 发布时间:2022-04-24 09:05

我来回答

3个回答

懂视网 时间:2022-05-12 13:15

本篇文章主要介绍了深入理解JavaScript 参数按值传递,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

定义
ECMAScript中所有函数的参数都是按值传递的。

什么是按值传递呢?

也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。

按值传递

举个简单的例子:

很好理解,当传递 value 到函数 foo 中,相当于拷贝了一份 value,假设拷贝的这份叫 _value,函数中修改的都是 _value 的值,而不会影响原来的 value 值。

引用传递

拷贝虽然很好理解,但是当值是一个复杂的数据结构的时候,拷贝就会产生性能上的问题。

所以还有另一种传递方式叫做按引用传递。

所谓按引用传递,就是传递对象的引用,函数内部对参数的任何改变都会影响该对象的值,因为两者引用的是同一个对象。

举个例子:

哎,不对啊,连我们的红宝书都说了 ECMAScript 中所有函数的参数都是按值传递的,这怎么能按引用传递成功呢?

而这究竟是不是引用传递呢?

第三种传递方式

不急,让我们再看个例子:

如果 JavaScript 采用的是引用传递,外层的值也会被修改呐,这怎么又没被改呢?所以真的不是引用传递吗?

这就要讲到其实还有第三种传递方式,叫按共享传递。

而共享传递是指,在传递对象的时候,传递对象的引用的副本。

注意: 按引用传递是传递对象的引用,而按共享传递是传递对象的引用的副本!

所以修改 o.value,可以通过引用找到原值,但是直接修改 o,并不会修改原值。所以第二个和第三个例子其实都是按共享传递。

最后,你可以这样理解:

参数如果是基本类型是按值传递,如果是引用类型按共享传递。

但是因为拷贝副本也是一种值的拷贝,所以在高程中也直接认为是按值传递了。

所以,高程,谁叫你是红宝书嘞!

深入系列

JavaScript深入系列预计写十五篇左右,旨在帮大家捋顺JavaScript底层知识,重点讲解如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等难点概念。

热心网友 时间:2022-05-12 10:23

你说js函数的传参是按值传递,应该是看到《js高级》里面作者这么说的吧,其实有不少人对作者的观点提出了质疑,有的人觉得如果参数是引用类型,那么就是按引用传递的,还有一种说法叫“按共享传递”。

我个人偏向于的观点是:如果参数是js基本数据类型,那么就是按值传递;如果是引用类型如对象、数组、函数,那么就是按引用传递。用这个观点去解释你的例子,应该是没有矛盾的地方的。①处按照js对象的比较运算规则,只有全等号(据说比较对象时,“===”和“==”是没有区别的)两侧的变量指向的是同一个对象的引用,才返回true,即按引用传递。在“peo = {...}”这一行,实际上是创建了一个函数内的局部对象,开辟了新的内存地址,并将peo变量指向该处,而之前的person变量指向的对象不变,故而②比较的是两个指向不同对象的变量,返回false。

你可以这么去理解js函数传参的过程:js解析器在分析js的函数声明代码时,如果函数有带参数,实际上是在开始时加了一行代码:var 参数1,参数2...;即将参数隐性的声明为函数的局部变量,没有赋值(下面的函数例子可以说明这点,第一个函数虽然声明是有形参,但是调用执行时没有传参,即a只声明未赋值,所以是undefined;第二个函数的a不存在,所以报错)。等到函数真正被调用,传进来实参的时候,只是将实参变量赋给了形参变量,比如你的例子中,函数调用执行时会自动加一句:peo = person;即两个不同的变量指向了同一个对象,这自然就是按引用传递。

function aa(a) {
    console.log(a)
}
aa() //输出undefined

function ab() {
    console.log(a)
}
ab() //报错,Uncaught ReferenceError: a is not defined

热心网友 时间:2022-05-12 11:41

javascript不仅有按值传递,还有按引用传递这种,1处比较的是两个对象的引用是不是一致的。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com