您的位置:首页 > Web前端 > JavaScript

JavaScript——函数(包括:函数的概述、函数的声明和调用、函数封装的定义、函数的参数(形参和实参)、函数返回值(return)、arguments的使用、函数的两种声明方式)

2020-06-04 05:58 351 查看

函数的概述

  • 函数就是封装了一段可以被重复执行调用的代码块。
  • 目的:让大量代码重复使用。

函数的使用

  • 函数在使用的时候分为以下两步:

    (1)声明函数

    (2)调用函数

1.声明函数

//声明函数
function 函数名(){
//函数体代码
}

2.调用函数

//调用函数
函数名();			//通过调用函数名来执行函数体代码

3.扩展(函数的封装的定义)

  • 函数的封装就是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口。

函数的参数

  • 在声明函数 时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递响应的参数,这些参数被称为实参。
参数 说明
形参 形式上的参数。函数定义的时候传递的参数,一开始并不知道是什么,是用来接受实参的。
实参 实际上的参数。函数调用的时候传递的参数,实参是传递给形参的。
  • 参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。

  • 多个参数中间用逗号分隔。

  • 函数形参和实参个数不匹配时,会出现以下情况:

参数个数 说明
实参个数等于形参个数 输出正确结果
实参个数多于形参个数 只取到形参的个数
实参个数小于形参个数 多多形参定义为undefine

函数的返回值

  • 通过return语句就可以实现将函数中的值返回给调用值。
function getSum(num1, num2){
return num1 + num2;
}
console.log(getSum(1,1));
  • return除了有返回值的作用,还有以下特点:

    (1)return语句之后的代码是不会被执行的

    (2)return语句只能返回一个值,如果用逗号隔开,以最后一个为准

  • 函数都是有返回值的:

    (1)如果有return,则返回return后面的值

    (2)如果没有return,则返回undefined

  • break,continue,return的区别

名称 说明
break 结束当前的循环体
continue 跳出本次循环,继续执行下次循环
return 不仅可以退出循环,还能够返回return语句中的值,同时还可以结束当前函数题内的代码

arguments的使用

  • 在JavaScript中,arguments是当前函数的一个内置对象,所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。

  • arguments实际是一个伪数组,因此可以进行遍历。

  • 伪数组具有以下特点:

    (1)具有length属性

    (2)按索引方式储存数据

    (3)不具有数组的push,pop等方法

function fn(){
console.log(arguments);
}
fn(1,2,3,4);

函数的两种声明方式

  • 函数主要有以下两种声明方式:

    (1)利用函数关键字自定义函数(命名函数)

    function fn(){
    
    }

    (2)函数表达式(匿名函数)

    var 变量名 = function(){
    
    }

Tips

  • 函数是可以调用另外一个函数的。

微信公众号也会定期更新,觉得文章写得还可以的,可以加个关注!点个赞!谢谢!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐