分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

学习JS的心路历程-参数的传递(下)

发布时间:2023-09-06 02:21责任编辑:傅花花关键词:暂无标签

今天我们要来探讨JS到底是透过何种参数传递方式呢?

废话不多说,上示例!!

我们先声明原始型别和物件型别来看看两者是否会有不一样的差异:

var myStr = ‘Hola‘;

var myObj = {name:‘Ann‘};

再来,声明另一个变量去复制他们:

var myStr = ‘Hola‘;

var myObj = {name:‘Ann‘};

var copyStr = myStr;

var copyObj = myObj;

然后,去修改复制过的变量内容并印出所有作比较:

var myStr = ‘Hola‘;

var myObj = {name:‘Ann‘};

var copyStr = myStr;

var copyObj = myObj;

copyStr =“Im change!!“;

copyObj.name = ‘Pandora‘;

console.log(myStr);//Hola

console.log(copyStr);//Im change!!

console.log(myObj);//{name:“Pandora”}

console.log(copyObj);//{name:“Pandora”}

恩?怎么会两个行别的结果会不一样呢!

那这样到底是哪一种参数传递方式啊!!

在估狗浩瀚的大海下寻找了很久,发现JS的圣经ECMAScript并没有说明他到底是使用何种参数传递方式,

不过大部分人认为是Call by sharing。

好,但这还是不能解释为什么myStr不等于copyStr啊!

这怎么看都像Call by value吧。

后来发现MDN在JS在基本型别有说明到:

所有的基本型别都是不可变的(immutable),即不可修改的。

所以在复制基本型别的值时候回直接给予一个新的值,而不是参考原本的值。

再回到我们一开始的示例来看:

var myStr = ‘Hola‘;

var myObj = {name:‘Ann‘};

var copyStr = myStr;

var copyObj = myObj;

copyStr =“Im change!!“;

copyObj.name = ‘Pandora‘;

console.log(myStr);//Hola

console.log(copyStr);//Im change!!

console.log(myObj);//{name:“Pandora”}

console.log(copyObj);//{name:“Pandora”}

我们用图片来说明事情是怎么发生的:


总结:

JS本身并没有说明自己是用何种参数传递方式来实作的,只能用各种示例去反推勉强得出是Call by sharing,单这终究只是推测!!

如果有人说JS“就是”用Call by sharing做的,只能用微笑看着他。

参考资料:

深入探讨JavaScript中的参数传递:call by value还是reference?

JavaScript -参数传递方式(1)

C语言:超好懂的指标,初学者请进~

[笔记]谈谈JavaScript中by reference和by value的重要观念

学习JS的心路历程-参数的传递(下)

原文地址:https://www.cnblogs.com/lannyQ-Q/p/9913245.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved