函数的调用以及封装

1.函数的概念

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

2.1声明函数

(1) function 声明函数的关键字全部小写
(2) 函数是做某件事情，函数名一般是动词sayHi
(3) 函数不调用自己不执行
(4)由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词,比如getSum

2.2调用函数

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

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

• 注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数代码。

  <script>
        function sayHi(){
        console.log('hi~');    //控制台输出
    }
    sayHi();    //调用函数
    </script>

2.3函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
简单理解:封装类似于将电脑配件整合组装到机箱中(类似快递打包)

案例1~100求和

<script>
        function getSum(){
            var sum=0;
            for(var i = 1; i <= 100; i++){
                sum += i;
            }
            console.log(sum)
        }
        getSum();
    </script>

感兴趣可以关注微信公众号：黑马金牌编程