javascript学习笔记（二）：定义函数、调用函数、参数、返回值、局部和全局变量

定义函数、调用函数、参数、返回值

关键字function定义函数，格式如下：

function 函数名()
{

函数体

}

调用函数、参数、返回值的规则和c语言规则类似。

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta chaset="UTF-8">
     <title></title>
 </head>
 <body>
     <script>
         function sum(a,b)      //定义一个加法函数，有两个参数a和b
         {
             var x=a+b;
             return x;　　　　　　//return返回值
         }
     var s=sum(1,2);　　　　　　　//使用这个函数
     alert(s);　　　　　　　　　　 //将结果弹窗显示
     </script>
 </body>
 </html>

用一个按钮调用函数

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta chaset="UTF-8">
     <title></title>
 </head>
 <body>
     <script>
         function sum(a,b)        //定义一个加法函数
         {
             var x=a+b;
             alert(x);            //将结果弹窗显示
         }
     </script>
     <form>
         <input type="button" value="按钮" onclick="sum(10,20)">  //用按钮调用函数
     </form>
 </body>
 </html>

或者

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta chaset="UTF-8">
     <title></title>
 </head>
 <body>
     <script>
         function sum(a,b)    //定义一个加法函数
         {
             var x=a+b;
             alert(x);            //将结果弹窗显示
         }
     </script>
     <button onclick="sum(10,20)">按钮</button>
 </body>
 </html>

调用效果如下：

将函数的返回值替换标签内容

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta chaset="UTF-8">
     <title></title>
 </head>
 <body>
     <p id="pid">hello</p>
     <script>
         function demo(name,age)
         {
             return "hello:"+name+",我的年龄是:"+age;
         }
         document.getElementById("pid").innerHTML=demo("tom",18);//将demo函数的返回值替换id="pid"的标签内容
     </script>
 </body>
 </html>

局部变量和全局变量

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta chaset="UTF-8">
     <title></title>
 </head>
 <body>
     <script>
          var x=10; 　　　　　　　　　 //全局变量
         function demo(name,age)
         {
             var y=10;　　　　　　　 //局部变量，只能在函数内使用
             z=10;　　　　　　　　　　//全局变量
         }     </script>
 </body>
 </html>