非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.3 函数的声明和调用以及练习

朱雀 2024-03-24 13:14 52阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.3 函数的声明和调用以及练习
             *   *  7.3.1 声明和调用函数

![在这里插入图片描述][4b175ea10da7445a8a72a633434ddccc.png_pic_center]

#### 二 JavaScript基础 ####

#### 7 JavaScript函数 ####

##### 7.3 函数的声明和调用以及练习 #####

###### 7.3.1 声明和调用函数 ######

*  声明函数使用function关键字：这种写法称之为函数的定义
    
        function 函数名(){
        函数封装的代码
        ……
        }
 *  注意：
    
     *  函数名的命名规则和前面变量名的命名规则是相同的；
     *  函数要尽量做到见名知意（并且函数通常是一些行为（action），所以使用动词会更多一些）；
     *  函数定义完后里面的代码是不会执行的，函数必须调用才会执行；
 *  调用函数通过函数名()即可：比如test()
    
        <!DOCTYPE html>
        <html lang="en">
        
        <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Document</title>
        </head>
        
        <body>
        
        
          <script>
        
            // 声明一个函数
            // 制作好一个工具, 但是这个工具默认情况下是没有被使用
            function sayHello() {
                
              console.log("Hello!")
              console.log("My name is Coderwhy!")
              console.log("how do you do!")
            }
        
            // 调用一个函数
            sayHello()
            // 函数可以在任何你想要使用的时候, 进行调用
            sayHello()
        
        
          </script>
        
        </body>
        
        </html>
    
    运行结果
    
    ![在这里插入图片描述][415229fd4c8e451986fa39059d1372a2.png_pic_center]
 *  函数的练习：
    
     *  练习一：定义一个函数，打印一个人的个人信息
     *  练习二：定义一个函数，函数中计算10和20数字的和，并且打印出结果

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
    
      <script>
    
        // 练习一: 定义一个函数, 打印自己的个人信息
        function printInfo() {
          
          console.log("my name is why")
          console.log("age is 18")
          console.log("height is 1.88")
        }
    
        printInfo()
        printInfo()
    
        // 练习二: 定义一个函数, 在内部计算10和20的和
        function sum() {
          
          var num1 = 10
          var num2 = 20
          var result = num1 + num2
          console.log("result:", result)
        }
        sum()
    
      </script>
    
    </body>
    
    </html>

[4b175ea10da7445a8a72a633434ddccc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/a332932f50674aeb923039587eeea852.png
[415229fd4c8e451986fa39059d1372a2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/a13073b938df471fb170c35b7b2957cb.png