JS03-函数

函数

使用函数

        // 函数声明function sayHi(){document.write(`Hello!<br>`)}for(let i = 1; i <= 6; i++){// 函数调用sayHi()}

函数封装

    function getScore(arr){sum = 0for( let i = 0; i < arr.length; i++){sum += arr[i]}document.write(sum)}getScore([99, 66, 100])

函数返回多个值

        function getArrMaxMin(arr){let max = arr[0]let min = arr[0]for(let i = 0; i < arr.length; i++){if(max < arr[i]){max = arr[i]}if(min > arr[i]){min = arr[i]}}return [max, min]}let value = getArrMaxMin([1,2,7,3,8,4,9])document.write(`最大值:${value[0]},最小值:${value[1]}`)

匿名函数

    <button>点击我</button><script>let fn1 = function () {// 函数表达式console.log(11)}let fn2 = function (x,y) {console.log(x+y)}fn1()fn2(1,3)let btn = document.querySelector('button')btn.addEventListener('click',function () {alert('一键三连')})</script>

立即执行函数

• 立即执行函数 立即执行，无需调用

• 1 第一个小括号 形参

• 2 第二个小括号 实参

​ (function(x, y) {

​ console.log(x + y)

​ })(1, 3)

​ let num = 10

​ ;(function() {

• 防止变量污染

​ let num = 20

​ console.log('qwe')

​ }());

​ (function() {

​ console.log('qwe')

​ } ())

• 多个立即执行函数之间用分号隔开;

案例秒转小时分秒

        function timeTest() {let h = time / 3600let m = (time / 60) % 60let s = time % 60return [h, m, s]}let time = prompt('请输入秒数')let value = timeTest(time)document.write(`<i>${time}秒转换为${parseInt(value[0])}小时${parseInt(value[1])}分钟${value[2]}秒<i\>`)

伪数组

• arguments 函数内有效 表现形式 伪数组

• 伪数组比数组少了一些 pop() push()等方法

    function fn(){console.log(arguments)let sum = 0for (let i = 0; i < arguments.length; i++){sum += arguments[i]}console.log(sum)}fn(1, 2, 3)