【JS基础知识07】函数

目录

一：函数是什么以及函数作用

1 函数是什么

2 函数的作用

二：函数使用

1 语法规则：

2 函数名命名规范：

3 调用函数方式

4 函数传参的使用

形参与实参理解

作用：

减少函数报错风险方式：

三：return返回值

1 语法：

2 对return的理解

3 return使用细节

4 return应用

四：作用域

1 作用域分类

2 变量分类

3 注意

五：匿名函数

1 语法：

2 如何调用匿名函数

（1）利用函数表达式

（2）利用立即执行函数

（3）注意：

六：函数提升

七：函数参数

1 动态参数：

(1)需求：

(2)利用arguments

2 剩余参数：

(1)语法格式

(2)与动态参数区别

一：函数是什么以及函数作用

1 函数是什么

函数是经过封装、调用后，能够完成特定任务的代码块

2 函数的作用

仅需“函数名(实参)”就可以调用函数，起到精简代码，提高开发效率的作用

二：函数使用

1 语法规则：

//具名函数
function 函数名(形式参数/形参){
    函数体
}
//匿名函数
function(){}

2 函数名命名规范：

• 前缀应为 动词
• 小驼峰命名的原则

常用动词整理

3 调用函数方式

“函数名(实际参数/实参)”,随调随用

4 函数传参的使用

1. 形参与实参理解

   1. 形参理解为函数内声明了、但未赋值的变量
   2. 实参可以理解为向函数内的形参变量赋值的过程
   3. eg：parseInt('11')、Number('111'),本质是向函数传递实参

2. 作用：

   1. 提高了函数的灵活性，并不会让函数拘泥于死数据

3. 减少函数报错风险方式：

   给函数传递一个默认值，如果没有传递实参，形参不至于是undefined类型；

   1.  let sum = 0
          function addSum(array = []) {
            for (let index = 0; index < array.length; index++) {
              const element = array[index];
              sum += element
            }
            console.log(sum);
          }
       
       addSum([1, 2, 3])
      '
      运行
      运行

三：return返回值

1 语法：

return 数值

2 对return的理解

函数是否需要设置返回值，根据函数用途、以及具体需求来判断

例如：parseInt('12px')、prompt('请输入一个值')，这些都为JS底层已经封装好了的函数，这些函数调用者都会得到一个返回值，依次为12、以及输入的值;

同样例如alert('你明白了嘛'),这个函数就没有返回值

因此，不管是自己封装的函数亦或者是JS底层封装的函数，都是根据实际的功能书写以及调用

3 return使用细节

1. return使用时不要将后面要返回的数值换行写
2. 如果一个函数没有返回值，那么这个函数默认返回undefined
3. return可以将函数内运行结果交给函数外部调用者
4. return语句后面的代码，将不再执行；如果运行完return语句后，函数会立即结束执行；

4 return应用

要求：返回出数组中的最大、小值

function getNum(array = []) {
      let max = array[0]
      let min = array[0]
      let arr = []
      for (let index = 0; index < array.length; index++) {
        const element = array[index];
        if (max < array[index]) {
          max = array[index]
        }
        if (min > array[index]) {
          min = array[index]
        }
      }
      return [max, min]
    }
    let num = getNum([1, 2, 3, 4, 5])
console.log(num);
'
运行
运行

对于return来说，返回值通常只能返回一个值；因此要一次返回多个值，可以利用数组，将数据存在数组中返回；

四：作用域

所谓作用域指的是变量能够被访问到的范围

1 作用域分类

全局作用域：是在整个js文件中书写、或者是