javascript函数的声明和调用

Posted 8亩田

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript函数的声明和调用相关的知识,希望对你有一定的参考价值。

函数:将完成某一特定功能的代码集合起来,可以重复使用的代码块。

-------------------------------------

一、函数的声明方式(创建)

A.基本语法
   function  关键字
   function 函数名([参数1],[参数2]....){
      函数体
      [retrun]  //返回值
    }

 

 function math () {
   var num1=parseFloat(prompt("请输入",""));
   var num2=parseFloat(prompt("请输入",""));
   var operator=prompt("请输入运算符","");
   var result;
   switch (operator) {
   case "+":
      result=num1+num2;
	  break;
   case "-":
      result=num1-num2;
	  break;

   case "*":
      result=num1*num2;
	  break;
   case "/":
      result=num1/num2;
	  break;
   default:
      result="输入有误";
	  
   }
     return result;
   }

   
   alert(math());

 

  B.字面量定义的形式(匿名函数)

     var 变量=function ([参数1],[参数2]....){
         函数体
        [retrun]  //返回值
       }

var fun=function  () {
   var num1=parseFloat(prompt("请输入",""));
   var num2=parseFloat(prompt("请输入",""));
   var operator=prompt("请输入运算符","");
   var result;
   switch (operator) {
   case "+":
      result=num1+num2;
	  break;
   case "-":
      result=num1-num2;
	  break;

   case "*":
      result=num1*num2;
	  break;
   case "/":
      result=num1/num2;
	  break;
   default:
      result="输入有误";
	  
   }
     return result;
   }
      
 alert(fun());

  C.以对象的形式来声明(不常用)
      new 关键字。

      var 变量=new Function([参数1],[参数2]...,"函数体");

var fun=new Function(alert("330141830"))
 fun();

 -------------------------------------

二、函数的调用方式

 A.函数名() 、变量名();(前面代码中已经体现)

 B.(function  () {alert("后盾网");})();    ()在这个括号的含义是运行一段函数.下面代码是加括号和不加括号的不同

1.函数调用时不加括号

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
     <input type="button" value="验证" id="tes"></input>
	<script type="text/javascript">
		var tes=document.getElementById(\'tes\');
		var fun=function ()
		{
			alert("中国");
		}
		tes.onclick=function(){
			alert(fun);
		}
	</script>
</body>
</html>

  结果:

  2,函数调用时加括号

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
     <input type="button" value="验证" id="tes"></input>
	<script type="text/javascript">
		var tes=document.getElementById(\'tes\');
		var fun=function ()
		{
			alert("中国");
		}
		tes.onclick=function(){
			alert(fun());
		}
	</script>
</body>
</html>

   结果

-------------------------------------

三、两种声明方式的区别(第A种和第B种)

   1.如果两个函数的命名相同,后面的将会覆盖前面的函数。
   
   2.以基本语法声明的函数,会在代码运行的时候,提前加载到内存当中,以供以后使用,
     但是以字面量形式命名的函数,会在执行到的时候,才进行赋值。

   3.在不同的<script></script>块中的函数,使用和调用的时候,应该先定义,后执行。

 

 

 

以上是关于javascript函数的声明和调用的主要内容,如果未能解决你的问题,请参考以下文章

Python 函数声明和调用

python函数声明和调用(18)

javascript函数(声明,传参,返回值,递归)

JavaScript的声明函数和函数表达式

VSCode自定义代码片段——声明函数

七JavaScript函数