关于js函数必须要知道的基础知识
函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。
函数的使用,有两个步骤,第一步,函数的定义:
基本语法:
function 函数名字(形参){
函数体;
}
函数名字的命名规定,和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。后面有一对(),里面是放参数用的。
第二步,函数的调用:
函数如果不调用,等于白写。
基本语法:
函数名字(实参);
函数根据使用时的需要主要分为以下三种:
1.无参数无返回值:仅实现功能,没有不确定的值,也没有对外返回结果的需求。结构如下:
//声明
funtion 函数名(){
函数体(具体要实行的代码);
}
//调用
函数名();
举例:
function print(){
for(var i=1;i<10;i++){
document.write("hello world!<br/>");
}
}
print();
结果如下:
2.有参数无返回值:有不确定值,不需要对输出结果进行处理
形参:形式上的参数,使用起来和变量起来没什么区别,用来接收数值。
实参:真实的数值,实际传入的参数。
//声明
funtion 函数名(形参1,形参2,...){
函数体(具体要实行的代码);
}
//调用
函数名( 实参1,实参2,...)
举例:
function print(n){
for(var i=1;i<=n;i++){
document.write("hello world!<br>");
}
}
print(5);//在页面输出5次hello world!
结果如图下:
3.有参数有返回值:有不确定值,并且需要对外输出结果进行处理
//声明
funtion 函数名(形参1,形参2,...){
函数体(具体要实行的代码);
return 表达式;
}
//调用
函数名( 实参1,实参2,...)
举例:
function add(a,b){
// document.write(a+b);程序员可能会对函数运行结果有不同处理方式,不能将函数运行的结果写在函数里面,可以使用return返回值。
// return hello; return后面的表达式内容是函数调用的结果,函数遇到return会终止运行,后续的语句执行不到
return a+b; //没有return语句时,结果是undefined
}
var sum=add(3,8);
alert(sum);
结果如下:
关于既有参数又有返回值的函数,要注意
return后面的表达式内容是函数调用的结果,函数遇到return会终止运行,后续的语句执行不到。
如果缺少return语句时,结果会返回undefined。
本文地址:https://blog.csdn.net/weixin_44164982/article/details/107298575