函数介绍声明函数调用方法 return返回作用域

最新推荐文章于 2023-08-03 15:25:29 发布

LF721

最新推荐文章于 2023-08-03 15:25:29 发布

阅读量755

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/LF721/article/details/121844229

版权

函数介绍：

function，是被设计为执行特定任务的代码块

说明：

函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势

是有利于精简代码方便复用。

函数的声明语法

函数名命名规范

和变量命名基本一致

尽量小驼峰式命名法

前缀应该为动词

命名建议：常用动词约定

函数的调用语法

注意：声明（定义）的函数必须调用才会真正被执行，使用 () 调用函数

函数体

函数体是函数的构成部分，它负责将相同或相似代码“包裹”起来，直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中

举例

重要

函数不调用自己不执行

调用方式: 函数名()

函数的复用代码和循环重复代码区别

循环代码写完即执行，不能很方便控制执行位置

函数随时调用，随时执行，可重复调用

函数传参

声明语法

参数列表

传入数据列表

声明这个函数需要传入几个数据

多个数据用逗号隔开

举例

单个参数

多个参数

调用语法

举例

调用的传入的数据会填入声明参数

形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）

实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）

函数返回值

有返回值函数的概念：

当调用某个函数，这个函数会返回一个结果出来

这就是有 返回值 的函数

用return返回数据

当函数需要返回数据出去时，用return关键字

语法

举例

注意

在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用

函数内部只能出现 1 次 return，并且 return 后面代码不会再被执行，所以 return 后面的数据不要换行写

return会立即结束当前函数

函数可以没有 return，这种情况函数默认返回值为 undefined

作用域

作用域概述

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的 作用域 。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

变量的作用域

注意:

如果函数内部或者块级作用域内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐但是有一种情况，函数内部的形参可以看做是局部变量

变量访问原则-作用域链

只要是代码，就至少有一个作用域

写在函数内部的局部作用域

如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域

根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用域链

作用域链：采取 就近原则 的方式来查找变量最终的值

匿名函数

将匿名函数赋值给一个变量，并且通过变量名称进行调用我们将这个称为函数表达式

语法：

调用：

综合案例

需求：用户输入秒数，可以自动转换为时分秒

分析：

①：用户输入总秒数

②：计算时分秒（封装函数）里面包含数字补0

③：打印输出

计算公式：计算时分秒

小时： h = parseInt(总秒数 / 60 / 60 % 24)

分钟： m = parseInt(总秒数 / 60 % 60 )

秒数: s = parseInt(总秒数 % 60)

<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>
      // 1. 准备弹出框
      let time = +prompt('请输入时间：')
      // 2. 定义一个函数 用于将 用户输入的时间转换为 时分秒
      function dateFormat(t) {
        let h = parseInt(t / 60 / 60 % 24)
        let m = parseInt(t / 60 % 60)
        let s = parseInt( t % 60)
        // 需要补0 将函数的返回值 赋值为 左边的变量 
        h = padZero(h)
        m = padZero(m) 
        s = padZero(s)
        // 将结果返回
        return `你输入的时间： ${h}时 ${m}分  ${s}秒`
       
      }


      // 定义一个函数
      function padZero(n) {  //      n = h = 1
        return n < 10 ? '0'+ n : n
      }

      // 3. 补0
      // 4. 返回结果 得到函数的返回值 
      let res = dateFormat(time)
      document.write(res)
    </script>
  </body>
</html>