一、概念
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();