js教程（4）——函数

一、概念

    JavaScript中函数声明时用的是function，是被设计为执行特点任务的代码块，函数可以把具有相同或相似逻辑的代码“包裹”起来，通过调用函数执行这些代码，这样可以精简代码方便重复使用。

    像之前我们使用的alert()、prompt()等都是js中封装好的内置函数，我们直接使用就行。

二、函数使用

1.函数的声明语法

function 函数名(){

    //函数封装的逻辑代码

}

举例：

function getHelloWorld(){
    document.write("你好世界");
}

2.函数名命名规则

• 和变量命名一致
• 尽量小驼峰式命名法
• 前缀应该为动词

3.函数的使用

    函数的调用语法

函数名();

    函数调用之后，函数体中的代码将会被执行，这里要注意，函数名后面要加“()”。

举例：

getHelloWorld();

三、函数传参和返回值

1.函数传参

声明语法：

function 函数名(参数列表){

    //函数体内容

}

举例：

function getSum(num1,num2){
    console.log(num1 + num2);
}

 调用语法：

函数名(参数1，······);

举例：

getSum(1,5);    //6

注意点

• 调用函数时，需要传入几个参数就填几个，注意顺序不能出错；
• 形参的概念：声明函数时写在函数名右边小括号里的叫做形参；
• 实参的概念：调用函数时写在函数名右边小括号里的叫做实参； 

 函数默认值：

    如果用户不输入实参，则输出的值就可能为NaN，这时候我们就可以用函数默认值的方式来方式输出NaN，举例如下：

function getSum(num1 = 0,num2 = 0){
    document.write(num1 + num2);
}
getSum();    //0

2.函数返回值

    函数有返回值就是当我们调用某个函数时，该函数就会给我们返回回来一个结果回来，像我们之前的prompt方法。

    如果没有返回值的话，我们就会遇见很多问题，如我们想获取getSum()的值，在没有返回值的情况下就非常的麻烦，但是我们改为下面的写法就会非常方便：

function getSum(num1 = 0,num2 = 0){
    return num1 + num2;
}

注意点：

• 在函数体中使用return关键字能将内部的执行结果交给函数外部使用；
• return后面的代码不会再被执行，会立即结束当前函数。

四、匿名函数

    匿名函数就是没有名字的函数，无法直接使用，一般在函数表达式中使用最多，或是要立即执行的函数。

函数表达式

    将匿名函数赋值给一个变量，并且通过变量名称进行调用，我们将这个称为函数表达式。

语法：

//声明语法

let fn = function(){

    //函数体

}

//调用语法

fn();