day17 JS基础4-函数_return对执行结果的扩展性更高,可以让其他的程序使用这个结果。-CSDN博客

本文链接：https://blog.csdn.net/m0_70619994/article/details/125828458

一、函数

1、函数是什么

函数：function，是被设计为执行特定任务的代码块，函数可以实现代码复用，提高开发效率

说明：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。

2、函数的使用

函数的声明语法：

例：

函数名命名规范：

和变量命名基本一致
尽量小驼峰式命名法
前缀应该为动词
命名建议：常用动词约定

函数的调用语法：

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

例：

我们曾经使用的alert() , parseInt() 这种名字后面跟小括号的本质都是函数的调用

函数体：

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

注意点：

（1）函数是用那个关键字声明的？

function.函数

（2）不调用会执行吗？如何调用函数？

函数不调用自己不执行
调用方式: 函数名()

（3）函数的复用代码和循环重复代码有什么不同？

循环代码写完即执行，不能很方便控制执行位置
随时调用，随时执行，可重复调用

3、函数传参

（1）有参数的函数声明和调用

声明语法：

例：

单个参数

多个参数

调用语法：

例：

单个参数

多个参数

调用函数时，需要传入几个数据就写几个，用逗号隔开

（2）形参和实参

形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）
实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）
形参可以理解为是在这个函数内声明的变量（比如num1 = 10）实参可以理解为是给这个变量赋值
开发中尽量保持形参和实参个数一致
我们曾经使用过的alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参

4、函数返回值

（1）return返回数据

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

语法：

例：

（2）用return返回数据

在函数体中使用return 关键字能将内部的执行结果交给函数外部使用
函数内部只能出现1次return，并且return 后面代码不会再被执行，所以return 后面的数据不要换行写
return会立即结束当前函数
函数可以没有return，这种情况函数默认返回值为undefined

总结：

（1）为什么要让函数有返回值

函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不需要输出结果，而是返回结果）
对执行结果的扩展性更高,可以让其他的程序使用这个结果

（2）函数有返回值用那个关键字？有什么注意事项呢？

语法：return 数据
return后面不接数据或者函数内不写return，函数的返回值是undefined
return能立即结束当前函数, 所以return 后面的数据不要换行写

5、作用域

（1）作用域概述

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

全局作用域：全局有效，作用于所有代码执行的环境(整个script标签内部)或者一个独立的js文件
局部作用域：局部有效，作用于函数内的代码环境，就是局部作用域。因为跟函数有关系，所以也称为函数作用域
块级作用域：{} 内有效，块作用域由{}包括,if语句和for语句里面的{}等

（2）变量的作用域

变量有一个坑，特殊情况：

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

（3）变量访问原则-作用域链

只要是代码，就至少有一个作用域
写在函数内部的局部作用域
如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域
根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用域链

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

function f1() {
    let num = 123
    function f2() {
        let num = 0
        console.log(num)
        }
    f2()
}
let num = 456
f1()

最终输出结果为 0

6、匿名函数

函数可以分为：

具名函数：声明：function fn() {}调用：fn()
匿名函数：function(){}

（1）匿名函数

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

语法：

调用：

其中函数的形参和实参使用跟具名函数一致。

（2）立即执行函数

场景介绍:

避免全局变量之间的污染

语法：

注意：多个立即执行函数要用;隔开，要不然会报错