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

2020-04-24 18:49:42易采站长站整理

使用函数完成:

JavaScript Code复制内容到剪贴板

function add2(a,b){   
    sum = a + b;   
     alert(sum);   
} //  只需写一次就可以   
  
add2(3,2);   
add2(7,8);   
….  //只需调用函数就可以   
  

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

JavaScript Code复制内容到剪贴板

function  函数名( )   
{   
     函数体;   
}   

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

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

JavaScript Code复制内容到剪贴板

<script>   
function tcon()   
{   
    alert("恭喜你学会函数调用了!");   
}   
tcon();    //调用函数,直接写函数名。   
</script>  

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

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

JavaScript Code复制内容到剪贴板

function 函数名(参数1,参数2)   
{   
     函数代码   
}  

注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
按照这个格式,函数实现任意两个数的和应该写成:

JavaScript Code复制内容到剪贴板

function add2(x,y)   
{   
   sum = x + y;   
   document.write(sum);   
}  

x和y则是函数的两个参数,调用函数的时候,我们可通过这两个参数把两个实际的加数传递给函数了。
例如,add2(3,4)会求3+4的和,add2(60,20)则会求出60和20的和。
返回值函数

JavaScript Code复制内容到剪贴板

function add2(x,y)   
{   
   sum = x + y;   
   return sum; //返回函数值,return后面的值叫做返回值。   
}  

这里的return和其他语言中的一样,但是在JS或者AS等弱类型语言中,返回值类型是不需要写到函数声明里的。

至此,我们把JavaScript函数也顺便系统的说了一下。下面回到正题~