当前位置： 首页 > news >正文

详解JavaScript的形参，实参以及传参

news 文章来源：https://blog.csdn.net/dyk11111/article/details/129098906 2024/11/2 16:41:41

文章目录

  • 前言
  • 一、参数是什么？
  • 二、形参和实参
    • 1.形参     
    • 2.实参
  • 三、传参
    • 1.参数传递的对应关系
    • 2.两个传参的例子  
  • 总结

前言

编程初学者在接触JavaScript这门语言时，很难搞懂里面的逻辑，这就会导致入门慢，入门难。这种难度一般主要集中在函数，变量这块，难点以函数之间的传参，嵌套为主。

一、参数是什么？

参数如果用官方话来描述，又有一大批人难以理解。在这里，我们用最直观的方式，看看什么叫参数。

 

 

我在项目代码块当中截图3张，并进行了标记。 以上三张截图里，红色方框内的就叫参数。

二、形参和实参

1.形参

形参：函数定义的时候，函数名后面括号里的 字母，或者数字

注意：函数可以没有参数，参数并不是函数必须的

eg1:没有形参的函数

function aa(){}

我们把上面的代码叫做    名字为aa的函数

eg2：有形参的函数

function bb(res){}

我们把上面的代码叫做   名字为bb的函数，并且形参为res

2.实参

实参：函数调用的时候，函数名后面括号里的字母，或者数字

eg3：没有实参的函数调用

aa();

我们把上面的代码叫做   aa函数调用

eg4：有实参的函数调用

bb(2);

我们把上面的代码叫做   aa函数调用，并且实参为2

值得一提的是，参数可以有多个。

		function aa(ad,ag,af,ak){           }aa(1,2,3,4);

上面的函数有4个形参，分别为ad，ag，af，ak

上面的函数调用了一次，实参有4个，分别为1,2,3,4

三、传参

1.参数传递的对应关系

function numberSum(a,z,c,v){console.log(a+z+c+v);
}
numberSum(1,3,5,7);	    //输出16
numberSum(1,2),         //输出NaN

翻译一下：

以上函数名字叫numberSum，形参有4个，分别为a，z，c，v

函数执行代码为a，z，c，v求和

函数调用一次，实参为1,3,5,7                    输出结果为16

含义：实参和形参一一对应关系，a=1，z=3，c=5，v=7 求和结果为1+3+5+7=16            

如果换种方式调用，实参为1,2                   输出结果为NaN

含义：实参和形参一一对应关系，a=1，z=2，c为undefined，v为undefined（未定义），求和结果为1+2+undefined+undefined = NaN

                       NaN不是一个数字，但是数据类型仍是number

                       可以使用console.log(typeof(NaN));输出查看，结果为number

2.两个传参的例子

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>#as,#ad {width: 100px;height: 100px;margin: 100px;background-color: aqua;}</style></head><body><div onclick="fun(123)" id='as'></div><div onclick="fun(456)" id='ad'></div><script>function fun(i) {if (i == 123) {document.getElementById('ad').style.backgroundColor = 'red';} else {document.getElementById('as').style.backgroundColor = 'yellow';}console.log(i);}</script></body>
</html>

以上代码运行效果如下：

 这是为什么？

上面的盒子，在行内加了点击事件，这相当于调用了fun函数。形参为i，实参为123

当点击上面的盒子，fnn函数被触发。形参i此时接收实参123，所以执行后面的代码，使得第二个盒子变色

 

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><style>#zc,#zv {width: 100px;height: 100px;margin: 100px;background-color: gold;}</style></head><body><div id='zc'></div><div id='zv'></div></body>
</html><script>function fn(e) {if (e=='dd'){document.getElementById('zv').style.backgroundColor = 'green';} else {document.getElementById('zc').style.backgroundColor = 'black';}}fn('dd');</script>
</html>

 以为代码运行效果如下：

  这又是为什么？

原本两个盒子都是黄色，但是设置了一个自动执行的函数。实参为dd，形参为e，函数自动执行。形参e接收实参dd，进行判断，是否e == 'dd',这个判断就等价于是否'dd'='dd',这是一个等量代换关系。我们知道这是相等的，所以执行后面的代码，使第二个div编程绿色

总结

如果不调用函数，形参和实参都是摆设。实参可以是一个确定的数，可以是字符串，可以是对象，可以是函数。总而言之，实参相当于一个值，形参相当于一个变量，只不过这个变量没有被声明而已。形参和实参的关系一目了然，形参接受实参。

到这儿，我相信我把这个问题说明白了。

创作不易，希望大家不要吝啬，一键三连呐。

相关文章：

详解JavaScript的形参，实参以及传参

文章目录 前言一、参数是什么&#xff1f;二、形参和实参 1.形参 2.实参三、传参 1.参数传递的对应关系2.两个传参的例子 总结前言 编程初学者在接触JavaScript这门语言时&#xff0c;很难搞懂里面的逻辑&#xff0c;这就会导致入门慢&#xff0c;入门难。这种难度一般…...

编程日记 2023/2/18 23:49:25

Vue中的diff算法

diff算法介绍 diff算法是一种高效对比算法。diff算法在组件更新即响应式数据监控到数据的改变&#xff0c;重新生成虚拟DOM树的时候调用&#xff0c;然后通过diff算法计算出前后虚拟dom树的差异点&#xff0c;更新dom时只更新变化的部分。 直接比较和修改两个数的复杂度为什么…...

编程日记 2023/2/18 23:48:19

【面试题】前端春招第二面

不容错过的一些面试题小细节&#xff0c;话不多说&#xff0c;直接看题~大厂面试题分享 面试题库后端面试题库 &#xff08;面试必备&#xff09; 推荐&#xff1a;★★★★★地址&#xff1a;前端面试题库HTML/CSS/Javascript/ES篇&#xff08;1&#xff09;标准盒模型和怪异盒…...

编程日记 2023/2/18 23:47:14

Pytorch 基础之张量数据类型

学习之前&#xff1a;先了解 Tensor&#xff08;张量&#xff09; 官方文档的解释是&#xff1a; 张量如同数组和矩阵一样, 是一种特殊的数据结构。在PyTorch中, 神经网络的输入、输出以及网络的参数等数据, 都是使用张量来进行描述。 说白了就是一种数据结构 基本数据类型…...

编程日记 2023/2/18 23:46:10

Java 基础面试题——常见类

目录1.String 为什么是不可变的&#xff1f;2.字符串拼接用“” 和 StringBuilder 有什么区别?3.String、StringBuffer 和 StringBuilder 的区别是什么?4.String 中的 equals() 和 Object 中的 equals() 有何区别&#xff1f;5.Object 类有哪些常用的方法&#xff1f;6.如何获…...

编程日记 2023/2/18 23:45:04

Windows 系统从零配置 Python 环境，安装CUDA、CUDNN、PyTorch 详细教程

文章目录1 配置 python 环境1.1 安装 Anaconda1.2 检查环境安装成功1.3 创建虚拟环境1.4 进入/退出 刚刚创建的环境1.5 其它操作1.5.1 查看电脑上所有已创建的环境1.5.2 删除已创建的环境2 安装 CUDA 和 CUDNN2.1 查看自己电脑支持的 CUDA 版本2.2 安装 CUDA2.3 安装 CUDNN2.4 …...

编程日记 2023/2/18 23:43:56

[REDIS]redis的一些配置文件

修改配置文件 vim /etc/redis/redis.conf目录 protected-mode tcp-backlog timeout tcp-keepalive daemonize pidfile loglevel databases 设置密码 maxclients maxmemory maxmemory-policy maxmemory-samples 默认情况下 bind127.0.0.1 只能接受本机的访问请求。在不写的情况…...

编程日记 2023/2/18 23:42:50

Java反序列化漏洞——CommonsCollections4.0版本—CC2、CC4

一、概述4.0版本的CommonsCollections对之前的版本做了一定的更改&#xff0c;那么之前的CC链反序列化再4版本中是否可用呢。实际上是可用的&#xff0c;比如CC6的链&#xff0c;引入的时候因为⽼的Gadget中依赖的包名都是org.apache.commons.collections &#xff0c;⽽新的包…...

编程日记 2023/2/18 23:41:45

下载网上压缩包(包含多行json)并将其转换为字典的解决方案

大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理…...

编程日记 2023/2/18 23:40:38

【郭东白架构课 模块一：生存法则】11｜法则五：架构师为什么要关注技术体系的外部适应性？

你好&#xff0c; 我是郭东白。 前四条法则分别讲了目标、资源、人性和技术周期&#xff0c;这些都与架构活动的外部环境有关。那么今天我们来讲讲在架构活动内部&#xff0c;也就是在架构师可控的范围内&#xff0c;应该遵守哪些法则。今天这节课&#xff0c;我们就先从技术体…...

编程日记 2023/2/18 23:39:33

Mindspore安装

本文用于记录搭建昇思MindSpore开发及使用环境的过程&#xff0c;并通过MindSpore的API快速实现了一个简单的深度学习模型。 什么是MindSpore? 昇思MindSpore是一个全场景深度学习框架&#xff0c;旨在实现易开发、高效执行、全场景覆盖三大目标。 安装步骤 鉴于笔者手头硬…...

编程日记 2023/2/18 23:38:26

C++010-C++嵌套循环

文章目录C010-C嵌套循环嵌套循环嵌套循环举例题目描述 输出1的个数题目描述 输出n行99乘法表题目描述 求s1!2!...10!作业在线练习&#xff1a;总结C010-C嵌套循环 在线练习&#xff1a; http://noi.openjudge.cn/ https://www.luogu.com.cn/ 嵌套循环 循环可以指挥计算机重复去…...

编程日记 2023/2/18 23:37:18

设计模式之迭代器模式与命令模式详解和应用

目录1 迭代器模式1.1 目标1.2 内容定位1.3 迭代器模式1.4 迭代器模式的应用场景1.5 手写字定义的送代器1.6 迭代器模式在源码中的体现1.7 迭代器模式的优缺点2 命令模式2.1 定义2.2 命令模式的应用场景2.3 命令模式在业务场景中的应用2.4 命令模式在源码中的体现2.5 命令模式的…...

编程日记 2023/2/18 23:36:11

【QA】[Vue/复选框全选] v-model绑定每一项的赋初值问题

发生场景&#xff1a;不只是复选框的状态改变&#xff0c;还有的功能要用到复选框的选中状态&#xff0c;比如&#xff1a;购物车计算总价&#xff0c;合计等等。 引入&#xff1a;复选框 checkbox 在使用时&#xff0c;需要用v-model绑定布尔值&#xff0c;来获取选中状态&…...

编程日记 2023/2/18 23:35:06

python基于django+vue微信小程序的校园二手闲置物品交易

在大学校园里,存在着很多的二手商品,但是由于信息资源的不流通以及传统二手商品信息交流方式的笨拙,导致了很多仍然具有一定价值或者具有非常价值的二手商品的囤积,乃至被当作废弃物处理。现在通过微信小程序的校园二手交易平台,可以方便快捷的发布和交流任何二手商品的信息,并…...

编程日记 2023/2/18 23:33:58

设计模式之观察者模式

什么是观察者模式 观察者模式定义了对象之间一种一对多依赖关系&#xff0c;使得每当一个对象状态发生改变时&#xff0c;其相关依赖对象都能收到通知并自动刷新。     观察者模式主要包含以下几个角色&#xff1a;         Subject(目标)&#xff1a;指被观察的对…...

编程日记 2023/2/18 23:32:51

Java Lambda表达式

目录1 Lambda表达式1.1 函数式编程思想概括1.2 Lambda表达式标准格式1.3 Lambda表达式练习1&#xff08;抽象方法无参无返回值&#xff09;1.4 Lambda表达式练习2&#xff08;抽象方法带参无返回值&#xff09;1.5 Lambda表达式练习2&#xff08;抽象方法带参带返回值&#xff…...

编程日记 2023/2/18 23:31:44

【1237. 找出给定方程的正整数解】

来源&#xff1a;力扣&#xff08;LeetCode&#xff09; 描述&#xff1a; 给你一个函数 f(x, y) 和一个目标结果 z&#xff0c;函数公式未知&#xff0c;请你计算方程 f(x,y) z 所有可能的正整数 数对 x 和 y。满足条件的结果数对可以按任意顺序返回。 尽管函数的具体式子…...

编程日记 2023/2/18 23:30:37

java基础学习 day41（继承中成员变量和成员方法的访问特点，方法的重写）

继承中&#xff0c;成员变量的访问特点 a. name前什么都不加&#xff0c;name变量的访问采用就近原则&#xff0c;先在局部变量中查找&#xff0c;若没找到&#xff0c;继续在本类的成员变量中查找&#xff0c;若没找到&#xff0c;继续在直接父类的成员变量中查找&#xff0c…...

编程日记 2023/2/18 23:29:28

【c语言进阶】深度剖析整形数据

&#x1f680;write in front&#x1f680; &#x1f4dc;所属专栏&#xff1a; &#x1f6f0;️博客主页&#xff1a;睿睿的博客主页 &#x1f6f0;️代码仓库&#xff1a;&#x1f389;VS2022_C语言仓库 &#x1f3a1;您的点赞、关注、收藏、评论&#xff0c;是对我最大的激励…...

编程日记 2023/2/18 23:28:19

【信息系统项目管理师】项目管理十大知识领域记忆敲出（采购风险沟通干系人）

【信息系统项目管理师】项目管理十大知识领域记忆敲出&#xff08;采购风险沟通干系人&#xff09; 这里写目录标题【信息系统项目管理师】项目管理十大知识领域记忆敲出&#xff08;采购风险沟通干系人&#xff09;一.项目采购管理记忆敲出1.合同管理&#xff1a;2.规划采购管…...

编程日记 2023/2/18 23:27:12

[LeetCode 1237]找出给定方程的正整数解

题目描述 题目链接&#xff1a;[LeetCode 1237]找出给定方程的正整数解 给你一个函数 f(x, y) 和一个目标结果 z&#xff0c;函数公式未知&#xff0c;请你计算方程 f(x,y) z 所有可能的正整数 数对 x 和 y。满足条件的结果数对可以按任意顺序返回。 尽管函数的具体式子未知…...

编程日记 2023/2/18 23:26:04

6.2 构建 RESTful 应用接口

第6章 构建 RESTful 服务 6.1 RESTful 简介 6.2 构建 RESTful 应用接口 6.3 使用 Swagger 生成 Web API 文档 6.4 实战&#xff1a;实现 Web API 版本控制 6.2 构建 RESTful 应用接口 6.2.1 Spring Boot 对 RESTful 的支持 Spring Boot 提供的spring-boot-starter-web组件完全…...

编程日记 2023/2/18 23:24:55

20230218英语学习

How Italian Artist’s Mild Colors Dominate World of Design 温柔的“莫兰迪色”&#xff0c;如何引领设计时尚&#xff1f; The Morandi color scheme has become an across-the-board fashion that now prevails in the world of design.Soft and sophisticated Morandi c…...

编程日记 2023/2/18 23:23:45

Linux单一服务管理systemctl

基本上systemd这个启动服务机制只有systemctl命令来处理&#xff0c;所以全部的操作都需要使用systemctl systemctl管理单一服务 一般来说服务的启动有两个阶段&#xff0c;一个是开机是否启动&#xff0c;以及现在是否启动 systemctl【command】【unit】 command主要有&…...

编程日记 2023/2/18 23:22:37

【GStreamer 】 TX1中CPU和GPU解码显示海康相机RTSP流

大家好&#xff0c;我是虎哥&#xff0c;今天找了一套海康的相机&#xff0c;想后续测试一下DeepStream用网络相机RTSP流做输入看看后续目标识别和分类。但是还是想先实时看看视频&#xff0c;当然&#xff0c;可以选择VLC去查看&#xff0c;顺道我也用GStreamer 来测试了一下&…...

编程日记 2023/2/18 23:21:29

匿名内部类、Lambda表达式、方法引用对比分析

文章目录一、匿名内部类1. 语法格式2. 使用方法① 传统方式② 匿名内部类方式二、Lambda表达式1. 语法格式2. 使用方法① 匿名内部类方式② Lambda表达式方式三、方法引用1. 语法格式2. 使用方法① 类型的静态方法引用② 类型的构造方法引用③ 类型的实例方法引用④ 对象的实例…...

编程日记 2023/2/18 23:20:23

ESXi主机CVE-2021-21972漏洞复现安全处置建议

一、漏洞简介 vSphere 是 VMware 推出的虚拟化平台套件&#xff0c;包含 ESXi、vCenter Server 等一系列的软件。其中 vCenter Server 为 ESXi 的控制中心&#xff0c;可从单一控制点统一管理数据中心的所有 vSphere 主机和虚拟机。 vSphere Client&#xff08;HTML5&#xf…...

编程日记 2023/2/18 23:19:15

研报精选230217

目录 【行业230217毕马威】奢侈品行业新气象【行业230217国信证券】医药生物行业2023年2月投资策略&#xff1a;持续关注疫后复苏和创新两大主线【行业230217国金证券】航空锻造&#xff1a;稳定格局筑专业化壁垒&#xff0c;顺势而为拓产业链深度【个股230217西南证券_招商轮船…...

编程日记 2023/2/18 23:18:06

c++11 标准模板（STL）（std::unordered_set）（一）

定义于头文件 <unordered_set> template< class Key, class Hash std::hash<Key>, class KeyEqual std::equal_to<Key>, class Allocator std::allocator<Key> > class unordered_set;(1)(C11 起)namespace pmr { templ…...

编程日记 2023/2/18 23:16:57

在什么网站上可以做免费广告/强化防疫指导

什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”&#xff08;viewport&#xff09;中&#xff0c;通常这个虚拟的“窗口”&#xff08;viewport&#xff09;比屏幕宽&#xff0c;这样就不用把每个网页挤到很小的窗口中&#xff08;这样会破坏没有针对手机浏览器优化的…...

编程日记 2024/11/2 14:21:43

泉州市服务好的网站设计/免费个人推广引流平台

1、NPN、PNP三极管用作开关的基本电路 2、负载位置 为什么不管是NPN还是PNP&#xff0c;电路对应的负载要放到集电极C&#xff0c;而没有放到发射极E呢&#xff1f; 因为三极管的输入回路是从基级B控制发射极E&#xff0c;负载如果放到发射极E&#xff0c;那就会对输入回路造…...

编程日记 2024/11/2 11:01:22

手机网站建设比较好的公司/临沂seo公司

最近在看JVM虚拟机&#xff0c;想要搞懂虚拟机的内部运行机制&#xff0c;指令码的分析是必不可少的&#xff01;来看一个简单的测试小程序&#xff0c;看看里面的运行机制&#xff01;这里就需要借助javap命令去查看了&#xff01; 第一步&#xff0c;创建一个简单的测试程序…...

编程日记 2024/11/2 10:41:04

武汉电脑网站制作公司/活动推广朋友圈文案

这是JavaScript快捷函数系列文章的目录 Javascript函数一共可以分为六大类&#xff1a; 常规函数 数组函数 字符串函数 对象函数&#xff08;原型&#xff09; 数学函数 日期函数 Refer: javascript常用方法函数收集: http://www.css88.com/archives/5180 (有一部分实现代码可以…...

编程日记 2024/11/2 9:07:51

怎么开个人工作室/百度关键词优化工具

1.类的基本结构&#xff1a;由于这里用到了界面&#xff0c;所以要进行窗口界面的编程&#xff0c;按钮事件的处理&#xff0c;和计算处理界面&#xff1b;package MyCaculator;import java.awt.*;import java.awt.event.*;import javax.swing.*;public class MyCaculator exte…...

编程日记 2024/11/2 7:16:14

wordpress 封包apk/阿里指数在线查询

C语言中有许多基本的数据类型&#xff0c;如char&#xff0c;int&#xff0c;double等。char是字符类型&#xff0c;可以保存一个字符&#xff0c;int是整数类型&#xff0c;可以保存一个整数&#xff0c;double是双精度实型&#xff0c;可以保存一个实数。例如&#xff1a;cha…...

编程日记 2024/11/2 1:22:48