关于js函数必须要知道的基础知识

2022-08-06,,,

函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。

函数的使用,有两个步骤,第一步,函数的定义

基本语法:

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

《关于js函数必须要知道的基础知识.doc》

下载本文的Word格式文档,以方便收藏与打印。