js教程——函数

一、概念

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

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

二、函数使用

1.函数的声明语法

function 函数名(){

   //函数封装的逻辑代码

}

举例：

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

2.函数名命名规则

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

3.函数的使用

   函数的调用语法

函数名();

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

举例：

getHelloWorld();

三、函数传参和返回值

1.函数传参

声明语法：

function 函数名(参数列表){

   //函数体内容

}

举例：

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

举例：

getSum(1,5);    //6

注意点

调用函数时，需要传入几个参数就填几个，注意顺序不能出错；

形参的概念：声明函数时写在函数名右边小括号里的叫做形参；

实参的概念：调用函数时写在函数名右边小括号里的叫做实参；

函数默认值：

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

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

2.函数返回值

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

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

四、匿名函数

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

函数表达式

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

语法：

//声明语法
let fn = function(){
    //函数体
}
//调用语法
fn();