JavaScript进阶学习——函数

  • 函数
    • 1什么是函数
    • 2定义函数
    • 3函数调用
    • 4有参数的函数
    • 5返回值的函数

之前做完学校的项目,想系统地基础地学习一下JavaScript,在慕课网(http://www.imooc.com/)上先后学写了JavaScript基础和JavaScript进阶课程,现将JavaScript进阶课程笔记,以备后查。

函数

1、什么是函数

函数的作用,可以写一次代码,然后反复地重用这个代码。所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦。

2、定义函数

语法:

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

function定义函数的关键字,“函数名”是为函数取的名字,“函数体”替换为完成特定功能的代码。

3、函数调用

函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。

第一种情况:在

<script type="text/javascript"> 
    function add2() {       
        sum = 1 + 1;        
    }       
    add2();     //调用函数,直接写函数名。
</script>

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

<html>  
    <head>
        <script type="text/javascript"> function add2() { sum = 5 + 6; alert(sum); } </script> 
    </head> 

    <body>   
        <form>
            <!-- 按钮,onclick点击事件,直接写函数名 -->
            <input type="button" value="click it" onclick="add2()">
        </form> 
    </body>
</html>

4、有参数的函数

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

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

5、返回值的函数

思考:上一节函数中,通过”document.write”把结果输出来,如果想对函数的结果进行处理怎么办呢?

我们只要把”document.write(sum)”这行改成如下代码:

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

还可以通过变量存储调用函数的返回值,代码如下:

result = add2(3,4);     //语句执行后,result变量中的值为7。

注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。

你可能感兴趣的:(JavaScript,函数,java-web)