欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-10 09:38:53
函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。函数的使用,有两个步骤,第一步,函数的定义:基本语法:function 函数名字(形参){函数体;}函数名字的命名规定,和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。后面有一对(),里面是放参数用的。第二步,函数的调用:函数如果不调用,等于白写。基本语法:函数名字(实参);函数根据使用时的需要主要分为以下三种:1.无参数无返回值:仅实现功能,没有......

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

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

基本语法:

function 函数名字(形参){

    函数体;

}

函数名字的命名规定,和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。后面有一对(),里面是放参数用的。

第二步,函数的调用:

函数如果不调用,等于白写。

基本语法:

函数名字(实参);

函数根据使用时的需要主要分为以下三种:

1.无参数无返回值:仅实现功能,没有不确定的值,也没有对外返回结果的需求。结构如下:

//声明

funtion 函数名(){

函数体(具体要实行的代码);

}

//调用

函数名();

举例:

function print(){
   for(var i=1;i<10;i++){
       document.write("hello world!<br/>");
      }
}
print();

结果如下:

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

 

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!

结果如图下:

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

 

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);

结果如下:

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

关于既有参数又有返回值的函数,要注意

 return后面的表达式内容是函数调用的结果,函数遇到return会终止运行,后续的语句执行不到。

如果缺少return语句时,结果会返回undefined。
 

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

 

 

 

 

 

 

 

 

本文地址:https://blog.csdn.net/weixin_44164982/article/details/107298575