JS-函数

7次阅读
没有评论

共计 1888 个字符,预计需要花费 5 分钟才能阅读完成。

函数的概念

在 JS 里面,可能会定义非常多的相同的代码或者功能相似的代码,这些代码可能需要大量重复使用
虽然 for 循环语句也能实现一些简单的重复操作,但是相比较具有局限性,此时我们就可以使用 JS 中的函数
函数:就是封装了一段可被重复调用执行的代码块,通过代码块可以实现大量代码重复使用

函数的使用

函数在使用时分为两步

  1. 声明函数
    function 函数名() {
        // 函数体
    }
    // 函数是做某件事情,函数名一般是动词
    // 函数不调用自己不执行
  1. 调用函数
    函数名(); // 通过调用函数名来执行函数体代码

声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码

函数的封装

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

函数名命名规范

  • 尽量小驼峰式命名法
  • 前缀应该为动词
动词 含义
can 判断舒服可以执行某个动作
has 判断是否含义某个值
is 判断是否为某个值
get 获取某个值
set 设置某个值
add 添加某个值
load 加载某些数据

函数的参数

形参和实参(形式上的参数和实际上的参数)

     function 函数名(形参1, 形参2...) { // 在声明函数的小括号里面是形式上的参数
        // 函数体
    }
    函数名(实参1, 实参2...); // 在函数调用的小括号里面是实际上的参数

    function say(say) { // 形参是接受实参的 say = 'Hi' 形参类似于一个变量
        console.log(say);
    }
    say('Hi');

在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用函数时,同样也需要传递相应的参数,这些传递的参数被称为实参

参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数的传递不同的值进去

形参可以看作是不用声明的变量

参数 说明
形参 形式上的参数 函数定义的时候传递的参数 当时并不知道是什么
实参 实际上的参数 函数调用的时候传递的参数 实参是传递给形参的

形参和实参个数不匹配问题

  1. 如果实参的个数和形参的个数一致,则正常输出结果
  2. 如果实参的个数多于形参的个数,则会取到形参的个数
  3. 如果实参个数小于形参的个数,多余的形参是只定义未赋值的 undefined 如果一个数字加上一个 undefined 就是 NaN(不是一个数字)
    function sum(num1, num2) {
        console.log(num1 + num2);
    }
    sum(10, 20);    // 形参和实参个数相等,输出正确结果
    sum(10, 20,30); // 实参个数多于形参,只取到形参的个数
    sum(10);        // 实参个数少于形参,多的形参定义为undefined,结果为NaN

在JavaScript中,形参的默认值是 undefined


函数的返回值

函数是被设计为执行特定任务的代码块

执行完特定任务之后,要把任务的结果返回给调用者

return 返回值

    function 函数名() {
        return 需要返回的结果;
    }
    函数名();
  1. 我们函数只是实现某种功能,最终的结果需要返回给函数的调用者 函数名(); 通过 return 实现
  2. 只要函数遇到return就把后面的结果返回给函数的调用者函数名() = return后面的结果
    function getSum(num1, num2) {
        return num1 + num2;
    }
    console.log(getSum(1, 2));

return 只能返回一个值,如果用逗号隔开多个值,以最后一个为准

return 返回多个个值,用[ ],return [num1, num2]

函数如果有 return 返回值,则返回的是 return 后面的值,如果函数没有 return 返回值,则返回 undefined

return 终止函数

return 语句之后的代码不被执行

arguments 的使用

当我们不确定有多少个参数传递的时候,可以用 arguments 来获取

在 JavaScrip t中,arguments 实际上它是当前函数的一个内置对象,所有的函数都内置了一个 arguments 对象,arguments 对象存储了传递的所有实参

arguments 展示形式是一个伪数组,因此可以进行遍历

伪数组有以下特点:

  1. 具有 length 属性
  2. 按索引值方式储存数据
  3. 不具有数组的 pushpop 等方法

函数的两种声明方式

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

    function fn() {

    }

函数表达式(匿名函数)

    let fn = function() {

    }

立即执行函数

立即执行,无需调用,也属于匿名函数,避免全局变量之间的污染

    // 方式1
    (function () { console.log('Hi') })();
    // 方式2
    (function () { console.log('Hi') }());

多个立即执行函数结尾必须加结束符 ; 分号

正文完
 0
qiaofugui.cn
版权声明:本站原创文章,由 qiaofugui.cn 于2024-05-20发表,共计1888字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码