利用HTML5 Canvas API绘制矩形的超级攻略

2019-01-28 15:19:14王冬梅
  • var sum;       sum = 3+2;   
  • alert(sum);      
  • sum=7+8 ;    alert(sum);    
  •    ....  //不停重复两行代码   
  •   

    如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦。
    使用函数完成:

    JavaScript Code复制内容到剪贴板
    1. function add2(a,b){        sum = a + b;   
    2.      alert(sum);    } //  只需写一次就可以   
    3.    add2(3,2);   
    4. add2(7,8);    ....  //只需调用函数就可以   
    5.   

    定义函数
    如何定义一个函数呢?看看下面的格式:

    JavaScript Code复制内容到剪贴板
    1. function  函数名( )    {   
    2.      函数体;    }   

    function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。
    函数调用
    函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。一般有两种方式:

    第一种情况:在<script>标签内调用。

    JavaScript Code复制内容到剪贴板
    1. <script>    function tcon()   
    2. {        alert("恭喜你学会函数调用了!");   
    3. }    tcon();    //调用函数,直接写函数名。   
    4. </script>  

    第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

    这种情况以后用到了再说。
    有参数的函数
    格式如下:

    JavaScript Code复制内容到剪贴板
    1. function 函数名(参数1,参数2)    {   
    2.      函数代码    }  

    注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。