一起学习网 一起学习网


js的函数的按值传递参数(实例讲解)

网络编程 js的函数的按值传递参数(实例讲解) 06-21

js的函数传参的方式是按值传递,正常情况下,改变函数参数的值,并不会对函数外部的变量造成影响。例如:

'use strict';
var list = [1, 2, 3];
list.forEach(function(item) {
 item ++;
});
console.log(list); // [ 1, 2, 3 ]

这是因为js的函数在接收参数时,会生成一个副本变量,该副本变量等于参数的值,可以分析js这样运行的:

'use strict';
var list = [1, 2, 3];
list.forEach(function(item, i) {
 // 第一个item是副本,第二个item是数组元素list[i]
 var item = item;
 // 副本item++
 item ++;
 // 打印的是副本的值
 console.log(item); // 2, 3, 4
});
// 原数组不会改变
console.log(list); // [ 1, 2, 3 ]

但是当函数的参数传递的是一个对象呢?

'use strict';var list = [{a: 1, b: 2}];
list.forEach(function(item) {
 item.a ++;
});
console.log(list); // [ { a: 2, b: 2 } ]

发现函数内部居然改变了函数外部变量的值,那这又是为什么呢?

我们来分析js是如何运行这段代码的

'use strict';
var list = [{a: 1, b: 2}];
list.forEach(function(item, i) {
 // 第一个item是副本,第二个item是数组元素list[i]
 var item = item;
 // 此时item和list[i]指向的是同一地址,故两者完全一样
 console.log(item === list[i]); // true
 // 此时item.a++ 亦即 list[i].a++
 item.a ++;
 // list[i]的值已经改变
 console.log(list[i]); // { a: 2, b: 2 }
});
console.log(list); // [ { a: 2, b: 2 } ]

那么为什么会产生这种情况呢?

由于js中对象属于引用类型,var item = item 这一步相当于把 list[i] 的地址赋值给了item,他们两个指向的都是原对象的地址,所以通过其中的一个去修改值时其实是修改他们指向的那个对象。例子中通过 item.a++ 方法改变了原对象的值,因此最后应该输出 [ { a: 2, b: 2 } ]。

以上这篇js的函数的按值传递参数(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

three.js中3D视野的缩放实现代码
通过Threejs基础学习——修改版知道创建一个相机的相关知识点varcamera=newTHREE.PerspectiveCamera(fov,aspect,near,far);视野角:fov这里视野角(有的地方叫拍摄距离)

three.js实现3D视野缩放效果
首先,不再废话了,什么是three.js,是干什么的,知道的就是知道,不知道的就百度吧。小编为大家推荐一篇:Three.js快速入门教程昨儿发现three.js中的3D

Three.js基础学习教程
一、Three.js官网及使用Three.js必备的三个条件1.Three.js官网https://threejs.org/2.使用Three.js必备的三个条件(ToactuallybeabletodisplayanythingwithThree.js,weneedthreethings:Asce


编辑:一起学习网

标签:函数,副本,的是,变量,参数