函数的使用和注意点

216 阅读2分钟

函数的使用

1.函数的调用语法

image.png

注意:声明(定义)的函数必须调用才会真正被执行,使用 () 调用函数

2.函数体

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

image.png

3.函数传参

语法:

image.png

调用语法:函数名(参数列表)

image.png

4.何为形参?何为实参?

➢ 形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)

➢ 实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)

➢ 形参可以理解为是在这个函数内声明的变量(比如 num1 = 10)实参可以理解为是给这个变量赋值

➢ 开发中尽量保持形参和实参个数一致

➢ 我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参

image.png

5.函数的返回值

返回值是为了保证代码的灵活性,我们不希望直接在函数内部写死最终数据的输出方式。

所以需要给函数设定返回值,让开发者决定后续如何对当前函数运行后的结果进行操作。

image.png

返回数据注意点:

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

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

➢ return会立即结束当前函数

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

6.作用域

image.png

作用域不同,变量也可以分为以下几种:

image.png

特殊情况:

➢ 局部变量或者块级变量 没有let 声明直接赋值的当全局变量看

➢ 我们强烈不提倡

➢ 还有一种特殊情况,函数内部的形参可以当做局部变量看

7.立即执行函数

作用:避免全局变量之间的污染 语法:

image.png