04-函数(上)

81 阅读4分钟

我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西

函数的概念

  • 对于 js 来说,函数就是把任意一段代码放在一个 盒子 里面
  • 在我想要让这段代码执行的时候,直接执行这个 盒子 里面的代码就行
  • 先看一段代码、

image.png

函数的两个阶段(重点)

  • 按照我们刚才的说法,两个阶段就是 放在盒子里面让盒子里面的代码执行

函数定义阶段

  • 定义阶段就是我们把代码 放在盒子里面
  • 我们就要学习怎么 放进去,也就是书写一个函数
  • 我们有两种定义方式 声明式赋值式

声明式

  • 使用 function 这个关键字来声明一个函数
  • 语法:

image.png

赋值式

  • 其实就是和我们使用 var 关键字是一个道理了
  • 首先使用 var 定义一个变量,把一个函数当作值直接赋值给这个变量就可以了
  • 语法: image.png

函数调用阶段

  • 就是让 盒子里面 的代码执行一下
  • 让函数执行
  • 两种定义函数的方式不同,但是调用函数的方式都以一样的

调用一个函数

  • 函数调用就是直接写 函数名() 就可以了

image.png

注意: 定义完一个函数以后,如果没有函数调用,那么写在 {} 里面的代码没有意义,只有调用以后才会执行

函数的参数(重点)

  • 我们在定义函数和调用函数的时候都出现过 ()
  • 现在我们就来说一下这个 () 的作用
  • 就是用来放参数的位置
  • 参数分为两种 行参实参

image.png

行参和实参的作用

  1. 行参

    • 就是在函数内部可以使用的变量,在函数外部不能使用
    • 每写一个单词,就相当于在函数内部定义了一个可以使用的变量(遵循变量名的命名规则和命名规范)
    • 多个单词之间以 , 分隔

image.png

  • 如果只有行参的话,那么在函数内部使用的值个变量是没有值的,也就是 undefined

  • 行参的值是在函数调用的时候由实参决定的 实参

  • 在函数调用的时候给行参赋值的

  • 也就是说,在调用的时候是给一个实际的内容的

image.png

  • 函数内部的行参的值,由函数调用的时候传递的实参决定
  • 多个参数的时候,是按照顺序一一对应的

image.png

函数的return(重点)

return 返回的意思,其实就是给函数一个 返回值终断函数

终断函数

  • 当我开始执行函数以后,函数内部的代码就会从上到下的依次执行
  • 必须要等到函数内的代码执行完毕
  • return 关键字就是可以在函数中间的位置停掉,让后面的代码不再继续执行

image.png

返回值

  • 函数调用本身也是一个表达式,表达式就应该有一个值出现
  • 函数没有return 值为undefined
  • 函数有返回值的情况, 返回值就是函数调用表达式的值

image.png return 关键字就是可以给函数执行完毕一个结果

image.png

预解析(重点)

  • 预解析 其实就是聊聊 js 代码的编译和执行
  • js 是一个解释型语言,就是在代码执行之前,先对代码进行通读和解释,然后在执行代码
  • 也就是说,我们的 js 代码在运行的时候,会经历两个环节 解释代码执行代码

解释代码

  • 因为是在所有代码执行之前进行解释,所以叫做 预解析(预解释)

  • 需要解释的内容有两个

    • 声明式函数

      • 在内存中先声明有一个变量名是函数名,并且这个名字代表的内容是一个函数
    • var 关键字

      • 在内存中先声明有一个变量名
      • 存在变量声明提升的问题, var 声明提升到当前作用域的最上方,赋值留在原地

image.png