JavaScript函数参数的传递方式详解
发布时间 - 2026-01-10 23:28:11 点击率:次JavaScript使用一个变量对象来追踪变量的生存期。基本类型值被直接保存在变量对象内;而引用类型值则作为一个指针保存在变量对象内,该指针指向实际对象在内存中的存储位置。

基本类型值的传递
向参数传递基本类型值时,被传递的值会被复制给一个局部变量(即命名参数,或者是arguments对象中的一个元素)。
function addOne (num) {
num++;
return num;
}
var count = 1;
var result = addOne(count);
console.log(count); //1
console.log(result); //2
在上面的例子中,变量count的值被传递给函数的参数num以便在函数中使用,此时变量count和参数num的值虽然是一样的,但是它们是两个相互独立的变量,在函数中改变参数num的值并不会影响函数外部的变量count的值。
因此JavaScript中函数的基本类型值参数的传递是按值传递的。
引用类型值的传递
function setName (obj) {
obj.name = 'Nicholas';
}
var person = new Object();
setName(person);
console.log(person.name); //'Nicholas'
在上面的例子中,变量person的值被传递给函数的参数obj,此时在函数内部为参数obj添加一个name属性,函数对参数obj的使得函数外部的变量person也获得了一个name属性。从结果上看,JavaScript中函数的引用类型值参数的传递似乎是按引用传递的。
然而并非如此。变量person的值是引用类型值,因此它的值在变量对象中可以看做是一个实际对象在内存中的地址(或指针)。传递参数以后参数obj的值是也是该对象在内存中的地址,因此在函数中操作参数obj的值所引用的对象相当于操作变量person的值所引用的对象。
function setName (obj) {
obj.name = 'Nicholas';
obj = new Object();
obj.name = 'Greg';
return obj;
}
var person = new Object();
var result = setName(person);
console.log(person.name); //'Nicholas'
console.log(result.name); //'Greg'
如果参数传递是按引用传递的,在上面的例子中,函数改变了参数obj的值所引用的对象,那么相对应的变量person的值所引用的对象也会改变。改变函数的写法或许能更加有助于理解参数的按值传递。
function setName () {
var obj = arguments[0];
obj.name = 'Nicholas';
obj = new Object();
obj.name = 'Greg';
return obj;
}
虽然变量person和参数obj的值一样都是同一个对象在内存中的地址,但它们是两个相互独立的变量。如果在函数中改变参数obj的值,使其指向内存中另外一个对象,变量person的值不会改变,还是指向原来的对象。
因此JavaScript中函数的引用类型值参数的传递是按值传递的。
结论
JavaScript中所有函数的参数都是按值传递的。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# javascript
# 参数传递
# javascript参数传递方式
# JavaScript函数的调用以及参数传递
# JS中把函数作为另一函数的参数传递方法(总结)
# javascript自定义函数参数传递为字符串格式
# js的函数的按值传递参数(实例讲解)
# javascript arguments 传递给函数的隐含参数
# JS函数动态传递参数的方法分析【基于arguments对象】
# 通过实例了解js函数中参数的传递
# 浅谈JavaScript 函数参数传递到底是值传递还是引用传递
# javascript函数中参数传递问题示例探讨
# js中对函数设置默认参数值的3种方法
# 深入理解JavaScript函数参数(推荐)
# JS函数参数的传递与同名参数实例分析
# 都是
# 在上面
# 象中
# 是一个
# 也会
# 或者是
# 并非如此
# 使其
# 作为一个
# 上看
# 另外一个
# 似乎是
# 相对应
# 获得了
# 改变了
# 是一样的
# class
# js
# function
# brush
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
js实现获取鼠标当前的位置
网站制作大概要多少钱一个,做一个平台网站大概多少钱?
如何在香港服务器上快速搭建免备案网站?
如何用狗爹虚拟主机快速搭建网站?
Laravel如何使用Sanctum进行API认证?(SPA实战)
宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程
用v-html解决Vue.js渲染中html标签不被解析的问题
中山网站制作网页,中山新生登记系统登记流程?
Linux系统命令中screen命令详解
做企业网站制作流程,企业网站制作基本流程有哪些?
Laravel DB事务怎么使用_Laravel数据库事务回滚操作
Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程
如何快速搭建高效简练网站?
Windows Hello人脸识别突然无法使用
网站制作软件免费下载安装,有哪些免费下载的软件网站?
Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码?
HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】
laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法
中国移动官方网站首页入口 中国移动官网网页登录
Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程
公司门户网站制作流程,华为官网怎么做?
中山网站推广排名,中山信息港登录入口?
logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?
教你用AI润色文章,让你的文字表达更专业
html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】
百度浏览器如何管理插件 百度浏览器插件管理方法
Laravel怎么实现验证码(Captcha)功能
Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载
Laravel如何记录自定义日志?(Log频道配置)
Mybatis 中的insertOrUpdate操作
Win11关机界面怎么改_Win11自定义关机画面设置【工具】
佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】
lovemo网页版地址 lovemo官网手机登录
如何在香港免费服务器上快速搭建网站?
EditPlus中的正则表达式实战(5)
如何在万网ECS上快速搭建专属网站?
Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南
香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南
Python并发异常传播_错误处理解析【教程】
jQuery中的100个技巧汇总
Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案
,在苏州找工作,上哪个网站比较好?
Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】
韩国服务器如何优化跨境访问实现高效连接?
使用豆包 AI 辅助进行简单网页 HTML 结构设计
如何快速搭建高效WAP手机网站?
Laravel如何从数据库删除数据_Laravel destroy和delete方法区别
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
如何彻底删除建站之星生成的Banner?
瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口
上一篇:淘宝省钱攻略:精打细算购物
上一篇:淘宝省钱攻略:精打细算购物

