请写出如下代码运行的结果并解释为什么?[代码]
var type = 'images';
var size = {width: 800, height: 600};
var format = ['jpg', 'png'];
function change(type, size, format){
type = 'video';
size = {width: 1024, height: 768};
format.push('map');
}
change(type, size, format);
console.log(type, size, format);
最后的打印结果为:images { 800, height: 600 } [ 'jpg', 'png', 'map' ]
;
实际上就是函数形参的传递根据实参值的类型分为值复制(对应基本类型)和引用复制(对应引用类型);
通过值复制的值无论怎么改变都不会影响原来的值(对应type
变量的情况),而通过引用复制的值改变后原值也会改变(对应format
变量的情况),但是直接改变引用本身并不会影响其他引用(即引用另一个引用类型的值时,原值的其他引用不会改变;对应size
变量的情况);
参考:《你不知道的JavaScript(中卷)2.5小节》
type 与size,在执行上下文中,因为是形参,活动对象会创建type、size两个属性,并被赋值,函数的参数,本质是传值。type与size在活动对象中,一开始被赋值 ‘images'、‘{ 800, height: 600}’,后来又被重新改写,
不影响全局的变量,format 一开始初始化时,同sise、type,但是在format不是重新赋值操作,是在原来的基础上,修改了原数组。
var type = 'images'; // 基础类型
var size = {width: 800, height: 600}; // 引用类型
var format = ['jpg', 'png']; // 引用类型
// js 以函数作为作用域,定义在函数内部的变量与外部的变量相互不影响
function change(type, size, format){
// 函数接受了三个参数,在函数生成上下文的时候,会先进行变量的声明和提升
// 尽管与全局变量名称相同,但是是互不影响的
// var type = type;
// var size = size;
// var format = format;
// 对变量进行赋值
// 由于作用域的关系,会先找到定义在 change 中的 type,而非全局的 type
// 如果在 change 中没有定义过 type 即没有作为参数的话,则这么赋值会影响全局的 type
type = 'video';
// 同样对 change 内的 size 进行赋值,这里赋的是 size 的引用地址,实际与全局的 size 指向同一个对象
// 所以如果进行了 size.dpi = 666 类似的操作,就会影响到全局的 size
size = {width: 1024, height: 768};
// format 是引用类型,因此指向的内存引用与全局的相同
// 所以 push 方法会对全局的 format 产生影响
format.push('map');
}
change(type, size, format);
console.log(type, size, format);
// 'images', {800, height:600}, ['jpg', 'png', 'map']