Day04-JS 函数

瘦的可以下饭了

2025-12-10 22 阅读1分钟

1.为什么需要函数

2.如何使用函数

用小驼峰命名法
前缀应该用动词
调用方法：函数名（）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  <script>
    function sayHi() {
    document.write('hai~~')
    }
    sayHi()
    function sum(a,b) {
        document.write(`<br> ${a+b}`)
    }
    sum(10,20)
  </script>
</body>
</html>

3.函数传参

一般来说可以在形参的位置加上默认值，int就用0，数组就用[]

4.函数返回值

使用return返回就可以，这个好处是不用写返回值类型

5.函数细节补充

6.作用域

如果函数内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐
函数内部的形参可以看做是局部变量，可以在函数内部打印
变量访问的原则是就近原则

7.匿名函数

- 区别：具名函数的调用可以写在任何位置，但是匿名函数只能先声明后使用 ## 7.1 函数表达式调用

    <script>
        let fn = function(a,b){
            return a + b
        }
        document.write(fn(10,20))
    </script>

7.2 立即执行函数

立即执行函数一定要加分号结束
因为立即执行，不需要调用，所以变量名随便用
两种写法
先写两个小括号 (function(){})()
写一个小括号把整体括起来(function(){}())

   <script>
    (function(){
        let num = 10
        document.write(num)
    })();
    (function(){
        let num = 20
        document.write(num)
    })()
   </script> 
</body>

8.逻辑中断

这样子我们就可以不用在形参里面使x=0了，这个写法保证了没给实参的话，x可以默认取0

9.转换为布尔值

undifined的操作都是NaN

-