资讯专栏INFORMATION COLUMN

ECMAscript函数的按值传递还是按引用传递

kumfo / 1340人阅读

摘要:但是又很多人困惑,因为访问变量有按值和按引用两种方式,而参数只能按值传递。如果是按引用传递,那么变量将会变成,从而反应函数内部的修改。即使这个对象是按值传递的,也会按引用来访问同一个对象。而这个局部对象会在函数执行完后立即销毁。

ECMAscript中所有的函数的参数都是按值传递的

把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。但是又很多人困惑,因为访问变量有按值和按引用两种方式,而参数只能按值传递。

1.使用数值等基本类型值来说明按值传递

function addTen(num){
    num += 10;
    return num;
}
var count = 20;
var result = addTen(count);
console.log(count);//20,没有变化
console.log(result);//30

这里的addTen()有一个参数num,而参数实际上是函数的局部变量。在调用这个函数时,变量count作为参数被传递给函数,这个变量的值是20。因此数值20倍赋值给参数num以便在addTen中使用。在函数内部,参数num被加上了10,但这一变化并不会影响函数外部的count变量。参数num与变量count互不认识,他们仅仅是具有相同的值。如果num是按引用传递,那么变量count将会变成30,从而反应函数内部的修改。

2.使用对象来说明按值传递参数

function setName(obj){
    obj.name = "lihua";
}
var person = new Object();
setName(person);
console.log(person.name);//lihua

代码将新创建的对象保存在person中,然后这个对象被传递到setName()函数之后就被复制给了obj。在这个函数内部obj和person引用的是同一个对象。即使这个对象是按值传递的,obj也会按引用来访问同一个对象。因此在函数内部为obj添加一个name属性后,函数外不person也将有所反映;因为person指向得对象在堆内存中只有一个,而且是全局对象。因此许多人错误的认为在局部作用域中修改的对象会在全局作用域中反映出来,就说明参数使按引用传递的,为了证明对象是按值传递的,再看下一组代码。

function setName(obj){
    obj.name = "lihua";
    obj = new Object();
    obj.name = "xiaohua";
}
var person = new Object();
setName(person);
console.log(person.name);//lihua

与上一个例子的区别,就是在setName()中加了两行代码,一行为obj重新定义了一个对象,另一行代码为该对象定义了一个带有不同的name属性,再把person传递给函数setName后,name属性被设置为lihua。然后再将一个新对象赋值给变量obj,同时将其name属性设置为xiaohua。如果person是按引用传递的,那么person就会自动被修改为指向其name属性值为xiaohua的新对象,但是当接下来访问person.name时,显示的仍然是lihua,这说明即使在函数内部修改了参数的值,但原始的引用仍然保持未变。实际上当函数内部重写obj时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完后立即销毁。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95507.html

相关文章

  • JavaScript之传递

    摘要:中所有函数的参数都是按值传递的。基本类型本身是按值传递,具有不可变性,对基本类型的修改,实质上都是在栈内存中创建了新的值。中把这种拷贝也认为是按值传递。 本文共 1200 字,读完只需 5 分钟 概述 参数的传递分为按值传递和按引用传递,而 JavaScript 中参数的传递只有按值传递。 ECMAScript 中所有函数的参数都是按值传递的。 所谓按值传递就是: 把函数外部的值复制给...

    xiangchaobin 评论0 收藏0
  • JavaScript中的求值策略

    摘要:关于的求值策略,问中函数的参数传递是按值传递还是按引用传递回答很经典。所以不能说中函数的参数传递严格按值传递或按引入传递。中还采用一种参数传递策略,叫按共享传递。中参数是必须先求值再作为实参传入函数的。参考求值策略中函数参数的默认值 最近在研究 lambda 演算中的 η-变换 在 JavaScript 中的应用,偶然在 stackoverflow 上看到一个比较有意思的问题。关于 J...

    MrZONT 评论0 收藏0
  • JavaScript参数传递的理解

    摘要:栈内存与堆内存简单类型的值,它们的值直接存储在变量访问的位置,这是因为这些简单类型占据的空间是固定的,所以可将他们存储在较小的内存区域栈中。 看到一个这样的问题 function setName(obj) { obj.name = Tom; obj = new Object(); obj.name = Greg ; } var person = new Object();...

    galois 评论0 收藏0
  • JavaScript参数传递的理解

    摘要:栈内存与堆内存简单类型的值,它们的值直接存储在变量访问的位置,这是因为这些简单类型占据的空间是固定的,所以可将他们存储在较小的内存区域栈中。 看到一个这样的问题 function setName(obj) { obj.name = Tom; obj = new Object(); obj.name = Greg ; } var person = new Object();...

    NeverSayNever 评论0 收藏0
  • JavaScript深入之参数传递

    摘要:深入系列第九篇,除了按值传递引用传递,还有第三种传递方式按共享传递定义在高级程序设计第三版,讲到传递参数中所有函数的参数都是按值传递的。 JavaScript深入系列第九篇,除了按值传递、引用传递,还有第三种传递方式 —— 按共享传递 定义 在《JavaScript高级程序设计》第三版 4.1.3,讲到传递参数: ECMAScript中所有函数的参数都是按值传递的。 什么是按值传递呢?...

    DataPipeline 评论0 收藏0

发表评论

0条评论

kumfo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<