javascript函数


prtyaa
prtyaa 2023-12-26 18:08:01 65129
分类专栏: 资讯

1 函数的概念

函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

2 函数的使用

函数的使用分为两步: 声明函数和调用函数

2.1 函数声明

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1.函数声明
        function sayHi() {
            console.log('hi~~');
        }

        //2.调用函数
        sayHi();

    </script>
</head>

<body>
</body>

</html>

3 函数的参数

  • 形参
  • 实参
1

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

2

4 函数的返回值

有的时候,我们希望函数将值返回给调用者,此时通过使用return语句就可以实现。

4.1 函数返回值注意事项

  • return会终止函数
  • return只能返回一个值
  • 如果需要返回多个值,可以返回数组
  • 函数如果没有return,则返回undefined

5 arguments的使用

当我们不确定用户会传递几个实参时,可以用arguments来获取实参,这样后续函数声明就可以省略形参。
在JavaScript中,arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象, arguments对象中存储了传递的所有实参。

5.1 什么是伪数组

3

6 函数的两种声明方式

  • 命名函数
  • 匿名函数

代码样例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 命名函数
        function fn() {
            console.log('hello');
        }

        // 匿名函数
        var fn2 = function () {
            console.log('hello');
        };

        fn2();
    </script>
</head>

<body>
</body>

</html>

网站声明:如果转载,请联系本站管理员。否则一切后果自行承担。

本文链接:https://www.xckfsq.com/news/show.html?id=30978
赞同 0
评论 0 条