新人学习笔记之（函数1）

最新推荐文章于 2024-07-25 22:24:14 发布

清袖*

最新推荐文章于 2024-07-25 22:24:14 发布

阅读量386

点赞数 15

文章标签：学习笔记

本文链接：https://blog.csdn.net/2401_83311390/article/details/139283484

版权

一、函数的概念

1.在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用

2.虽然for循环语句也能实现一些简单的重复操作，但是比较有局限性，此时我们就可以使用JS中的函数

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

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 3. 函数就是封装了一段可以被重读执行调用的代码块 目的：就是让大量代码重复使用
        function getSum(num1, num2) {
            var sum = 0;
            for (var i = num1; i <= num2; i++) {
                sum += i;
            }
            console.log(sum);
        }
        getSum(1, 100)
        getSum(1, 1000)
        getSum(1, 50)
    </script>
</head>

<body>

</body>

</html>

二、函数的使用

1.函数在使用时被分为两步：声明函数和调用函数

2.声明函数

(1)function是声明函数的关键字，必须小写

(2)由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如getSum

3.调用函数

(1)调用的时候千万不要忘记添加小括号

(2)口诀：函数不调用，自己不执行

(3)注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数代码块

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 函数使用分为两步；声明函数 和 调用函数
        // 1. 声明函数
        // function 函数名() {
        //     函数体
        // }
        function sayHello(str) {
            console.log(str);
        }
        // （1）function 声明函数的关键字 全部小写
        // （2）函数是做某件事情，函数名一般是动词 sayHello
        // （3）函数不调用自己不执行
        // 2. 调用函数
        // 函数名();
        sayHello('Hello word');
        // 调用函数的时候千万不要忘记加小括号
    </script>
</head>

<body>

</body>

</html>

4.函数的封装

(1)函数的封装是把一个或者多个功能通过函数的方式封装起来，对外之提供一个简单的函数接口

(2)简单理解：封装类似于将电脑配件整合组装到机箱中（类似快递打包）

清袖*

关注

15
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
新人学习笔记之（函数1）

(2)由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如getSum。1.在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。(2)简单理解：封装类似于将电脑配件整合组装到机箱中（类似快递打包）2.虽然for循环语句也能实现一些简单的重复操作，但是。1)function是声明函数的关键字。，此时我们就可以使用JS中的函数。
复制链接

扫一扫