2021-08-04function函数基础

1.Javascript函数的基本使用

1.Javascript函数声明

结构

<script>
    // function 函数的名字(){}
    // 函数的名字的命名也要遵守命名规范
    function sum (){

    }
	// 函数名字后面的小括号内是参数列表,参数列表内的参数用逗号分开,参数是可选的没有数量限制
	function sum1(a,b){
		// a和b叫函数的参数
	}
	// 不写大括号会报错,大括号内是函数体
	function sum2(){
				
	}
</script>

2.Javascript函数调用

<script>
	function f1(){
		console.log('奥利给');
	}
	// 直接调用函数
	console.log(f1);
			
	// 如果调用的时候没有加括号,则返回函数体(整个函数结构)
	f1;
			
	// 如果调用没有定义的函数,会报错.f2 is not defined
	f2();
</script>

2.Javascript函数参数

<script>
	function redRomantic(name,num,money){
		console.log('欢迎' + name + '光临红浪漫');
		console.log('男宾' + num + '位');
		console.log('一共消费' + money + '元');
	}
	redRomantic('马志强',3,600);
	redRomantic('牛志强',2,1999);
	redRomantic('朱志强',1,888);
</script>

形参:function后面的圆括号内的参数叫形参,形式上的参数
实参:调用的时候传递的数据叫实参,给形参赋的值

• 形参和实参一样多

  <script>
  function sum(a,b){
  	console.log(a + b);
  }
  sum(1,2);
  sum(324234,979867);
  </script>
  

• 形参比实参多,多余的形参会返回undefined

  <script>
  	function sum(a,b,c){
  		console.log(a);
  		console.log(b);	
          console.log(c);
  	}
  	sum(1,2);
  	// 返回结果是1,2,undefined
  </script>
  

• 实参比形参多,多余的实参会被删掉

  <script>
  	function sum(a,b){
  		console.log(a);
  		console.log(b);
  	}
  	sum(1,2,3);
  	// 3就不要了
  </script>