JavaScript基础第四天

函数的初体验

函数是指被封装的代码块，我们可以重复多次使用

比如 alert（）； prompt（）；  document.write（）都是封装好的函数

函数的使用

 

 <script>
        // 表示封装了一个叫做sayHello的函数
        // 只有当被调用的时候才会执行
        function sayHello() {
            document.write('hello,world!')
        }
        sayHello()
    </script>

利用函数求和案例

 <script>
        function getSum() {
            let num = +prompt("请输入第一个数")
            let num1 =+ prompt("请输入第二个数")
            document.write(`两个数的和是${num+num1}<br>`)
        }
        function newSum() {
            let sum = 0
            for (let i = 0; i <101; i++) {
               sum += i
            }
            document.write(`1-100数的和是${sum}<br>`)
        }
        getSum()
        newSum()
    </script>

上面的案例局限比较大。只能计算固定的值。我们可以利用传参来解决这方面的不足

参数分为形参和实参

<script>
        // num,num1叫形参,形式主义的参数
        function getSum(num,num1) {
            document.write(num+num1)
        }
        // 50，60叫做实参。1
        getSum(50,60)
    </script>

我们可以利用数组来求多个求和。在实参里面放入我们想要求和的数据即可

<script>
        function getSum(arr=[]) {
            let sum = 0
            for (let i = 0; i < arr.length; i++) {
               sum += arr[i]
            }
            document.write(`和为${sum}<br>`)
        }
        getSum([90,70,60,50,30,40])
    </script>

返回值

当我们使用某个函数是，有些函数会有一个函数值。

eg：let sum = prompt('请输入')用户输入的东西就是返回值

用return表示返回的属性，同事也有结束的意思，return后面的函数将不会被执行

 

 <script>
        function getSum(num=0,num1=0) {
            // return是终止函数，后面的函数就不执行了
            // 如果后面没跟值，那么这个函数的返回值结果默认为underfind
            return num+num1
        }
        // 利用新变量装返回值
        let price = getSum(50,150,600,150)
        document.write(`商品的价格为${price}元<br>`)
        document.write(`商品打折后价格为${price*0.8}元<br>`)
        document.write(`积分增加了${price*10}分<br>`)
    </script>