码迷,mamicode.com
首页 > 编程语言 > 详细

javascript函数的声明和调用

时间:2016-11-20 11:03:43      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:区别   images   center   return   prompt   匿名函数   function   size   声明   

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

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

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

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函数的声明和调用

标签:区别   images   center   return   prompt   匿名函数   function   size   声明   

原文地址:http://www.cnblogs.com/liu-wang/p/6082102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!