JavaScript是通过引用还是值传递
在 javascript 中数据类型可以分为两类:
- 原始数据类型值 primitive type,比如Undefined,Null,Boolean,Number,String。
- 引用类型值,也就是对象类型 Object type,比如Object,Array,Function,Date等。
声明变量时不同的内存分配
- 原始值:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。这是因为这些原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。
- 引用值:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存地址。这是因为:引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。
在分析这个问题之前,我们需了解什么是按值传递(call by value),什么是按引用传递(call by reference)。
- 按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。
- 按引用传递(call by reference)时,函数的形参接收实参的隐式引用,而不再是副本。这意味着函数形参的值如果被修改,实参也会被修改。同时两者指向相同的值。
按引用传递会使函数调用的追踪更加困难,有时也会引起一些微妙的BUG。
按值传递由于每次都需要克隆副本,对一些复杂类型,性能较低。两种传值方式都有各自的问题。
1.如果是基本类型,则是按值传递
var str = 'one';
function f(string) {
string = 'two';
}
f(str);
console.log(str); // 仍为one, 未受string = 'two'赋值所影响
2.如果是引用类型,则是按共享传递 call by sharing,并不是按引用传递,也不是按值传递。叫按对象传递、按对象共享传递.最早由Barbara Liskov. 在1974年的GLU语言中提出。该求值策略被用于Python、Java、Ruby、JS等多种语言。
var obj = {};
function f(o) {
o.name = 'li';
}
f(obj);
console.log(obj.name); //li 被修改了
var obj = {};
function f(o) {
// o = 'li';
o = [];
}
f(obj);
console.log(obj); //{} 没有修改
重点:调用函数传参时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用)。 它和按引用传递的不同在于:在共享传递中对函数形参的赋值,不会影响实参的值。如下面例子中,不可以通过修改形参o的值,来修改obj的值
再给大家看一个比较常见的,让人误解为引用传递的。
function changeObj(o){
o.name = "changeobj";
}
var p = {};
changeObj(p);
console.log(p.name);
看到这里大家肯定会认为这是按引用传递的啊,因为在函数内部添加了对象的属性,在外边也添加了。那么接下来再看这个例子。
var o = {
name : 'tt'
}
var b = new Object();
b.name = 'b';
o = b;
console.log(o.name);
上述代码先创建了一个对象,然后将其赋值非变量o,接着又用构造器创建了一个对象,并修改其属性,然后将其复制给变量对象o,然后访问o的时候name被修改为b了。这里o的引用指向了新对象b;
再看下面这个例子大家就可以明白了
function quoteFn(obj){
var o = new Object();
obj = o;
obj.name = "tony";
obj.age = 24;
obj.sex = "Men";
}
var person = {
name : "miracle",
age : 12
}
console.log(person.name);
console.log(person.age);
console.log(person.sex);
在这个例子中先创建了person对象,并设定其name 属性值为"miracle",age属性值为 12。接着调用quoteFn()函数,并将person对象的值(这里说的是值,这个值是一个指向person对象的指针)传递给了参数obj。
然后在quoteFn函数中穿件了一个局部对象o,并将其复制给了参数obj,然后添加了新的几个属性。最后我们打印person.name 发现属性没有改变。如果是按引用传递,那么person应该指向新的对象啊。
所以综上所述,JS参数的传递是按值传递的,引用类型传递是一个指针的副本。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 剑指Offer LeetCode 面试题25. 合并两个排序的链表
- LeetCode 20200601 打卡 1431. 拥有最多糖果的孩子
- 剑指Offer LeetCode 面试题24. 反转链表
- 剑指Offer LeetCode 面试题22. 链表中倒数第k个节点
- 剑指Offer LeetCode 面试题18. 删除链表的节点
- 剑指Offer LeetCode 面试题06. 从尾到头打印链表
- 最详细的docker中安装并配置redis
- 剑指Offer LeetCode 面试题59 - I. 滑动窗口的最大
- 剑指Offer LeetCode 面试题58 - II. 左旋转字符串
- 剑指Offer LeetCode 面试题58 - I. 翻转单词顺序
- 剑指Offer LeetCode 面试题56 - II. 数组中数字出现的次数 II
- 站在软件工程的角度重新思考面向对象(含高清图谱)
- 剑指Offer LeetCode 面试题57. 和为s的两个数字
- 白嫖Layui树型可折叠,可自定义,可搜索表格的实例
- 剑指Offer LeetCode 面试题53 - II. 0~n-1中缺失的数字