JavaScript函数基础知识
一.JavaScript函数的定义
函数:就是把要重复使用的代码封装,有需要的时候直接调用即可。
函数的作用:代码的重用。
函数的定义
Function 函数名字(){
函数体(就是一堆重复的代码)
}
函数的调用
函数名();
函数需要先定义,然后才能调用
函数名字遵循驼峰命名法
函数一旦重名,后面的函数会把前面的函数覆盖
二. JavaScript函数的形参和实参的定义
形参:函数在定义的时候小括号里面的变量叫形参。
例如
Function 函数名字(形参1,形参2){
函数体(就是一堆重复的代码)
}
Function aa(x,y){
代码块
}
实参:函数在调用的时候小括号里传入的值叫实参。实参可以是变量也可以是值。
例如
函数名(实参1,实参2);
aa(10,20);
三. JavaScript函数返回值的概念
函数的返回值:在函数内部有return关键字,并且在关键字后面有内容,这个内容就返回了。
Function getSum(x,y){
Var sum = x+y;
return sum;
}
函数的调用
当函数被调用之后,需要这个返回值,那么定义变量接收,即可。
Var result=getSum(10,20);
Console.log(result);
JavaScript函数返回值注意事项
如果一个函数中有return,那么这个函数就有返回值
如果一个函数中没有return,那么这个函数就没有返回值
如果一个函数中没有明确的返回值,那么调用的时候接收了,结果就是undefined
( 没有明确的返回值就没有return,函数中有return,但是return后面没有任何内容)
函数没有返回值,但是调用的时候接收了,那么结果就是undefined
变量声明了,没有赋值,结果也是undefined
Return下面的代码不会执行。
如果直接输入函数名字,那么输出的是这个函数的代码,而不会执行该函数。
例如:
Function a(){
代码块;
}
Console.log(a); 这个时候输出的是a函数的代码块。
Console.log( a() ); 这个时候会执行a函数。
调用JavaScript函数时,应该注意的问题
一个函数没有返回值,定义一个变量接收该函数返回值,此时页面会输出undefined。
例子:首先定义一个函数
定义一个变量接收a函数的返回值
结果是
1.2正确的例子
当a函数有返回值时
输出结果能正确的输出
这个时候,我们直接输出该函数的调用方法a(x,y,);也一样能够输出结果
例如 console.log(a(x,y) );
结果
函数的其他定义方式:
命名函数:函数如果有名字,就是命名函数。
匿名函数:函数如果没有名字,那就是匿名函数。
把一个函数给一个变量,此时形成了函数表达式。
例子:
Var f1 = function (){
代码块;
};
函数表达式赋值结束后要加分号 ;
如果是函数表达式,那么此时前面的变量中存储的就是一个函数,而这个变量相当于一个函数,就可以直接加小括号调用了。
f1();
函数是有数据类型的,数据类型为function。
函数可以作为参数使用,如果一个函数作为参数,那么我们说这个参数(函数)可以叫回调函数。
例子
Function f1(fn){
fn();
}
Function f2(){
Console.log(“梦奇好帅哦”);
}
f1(f2);
注意:只要是一个函数作为参数使用了那就是回调函数。