30、函数的参数

最新推荐文章于 2024-09-13 23:32:49 发布

雪花酥01

最新推荐文章于 2024-09-13 23:32:49 发布

阅读量65

点赞数 2

分类专栏：大前端 # JavaScript 文章标签：前端 html javascript

本文链接：https://blog.csdn.net/shuozai1204/article/details/141427153

版权

大前端同时被 2 个专栏收录

164 篇文章 0 订阅

订阅专栏

JavaScript

43 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>函数的参数</title>
  </head>

  <body></body>
</html>
<script type="text/javascript">
  /*
		函数的参数：函数名后面的括号里面的变量就是参数，目的就是在函数调用的时候对用户传进来的值进行操作。写几个变量，就有几个参数。函数调用的时候，变量赋值叫做传参。

		形参：形式上的参数，相当于定义了一个没有值的变量
		实参：实际的参数，给形参赋值的具体的值

		语法：
			function 函数名(形参1，形参2...){
				函数体
			}
			函数名(实参1，实参2...)

		传参：用实参给形参传参
		
		注意：
			1.形参和实参的个数是一一对应的
			2.位置也是一一对应的
	 */
  function f1(a, b, c) {
    console.log(a, b, c);
  }
  f1(1, 2, 3);
  f1("红色", "蓝色", "紫色");

  // 实参必须是js的数据类型的一种，如果是变量的话，需先定义变量再传进去
  var str = "周四";
  function f2(c1, c2, c3) {
    console.log(c1, c2, c3);
  }
  f2(str, "晴天", 4);

  function f5(a, b, c) {
    console.log(a, b, c);
  }
  // 实参的个数小于形参的个数 声明变量但是没有赋值 undefined
  f5(1, 2); // 1 2 undefined
  // 实参的个数大于形参的个数，多出来的不参与赋值
  f5("q", "w", "e", "r");

  var s1 = 2;
  var s2 = 3;
  // function f6(s1,s2){
  // 	console.log(s1,s2)  // 1 undefined
  // }
  // f6(1)
  function f6() {
    console.log(s1, s2); // 2 3
  }
  f6(1);
  /*
		形参与定义的变量无关，如果形参与定义的变量重复，优先选择形参接受到的值
		如果形参没有，就去函数外面找那个变量，如果都没有的话，就报错
	 */
</script>