[JavaScript知识库]JavaScript学习总结---函数

一、函数（上）

1.函数的概念

函数就是将任意代码进行封装，需要用的时候进行调用执行。

2.函数的语法

????????定义方式：

????????????????1、声明式：function 函数名(){

???????????????????????????????//封装的代码（或者称函数体）

???????????????? ?? }

????????????????2、赋值式：var 函数名=function(){

??????????????????????????????? //封装的代码

????????????????????????}

????????调用方式：

????????????????函数名()

3.函数参数

????????function 函数名(形参1,形参2...){

??????????????? //函数体

????????}

????????函数名(实参1,实参2)

1、形参：在函数内部可以使用的变量，函数外部不能使用。

2、实参：函数调用时给形参赋值的，多个参数时按顺序一一对应。

3、参数个数：

????????①形参比实参少，按顺序一一对应，多出来的实参值没有用；

????????②形参比实参多，按顺序一一对应，多出来的形参没有值就是undefined。

?4、参数默认值

??????? function 函数名(形参){

?????????????? var x=形参 || 默认值

???????????????? //函数体

????????}

????????函数名(实参)

当实参没有传值时，x就取逻辑或后面的默认值

4.函数返回值

1、return

??????? 终止函数体向下执行，跳转到函数调用处继续向下执行（中断函数）；

2、return 值

??????? 终止函数体向下执行，并将值返回给函数调用语句，继续向下执行（中断函数并返回值）。

5.函数的类型

①无参无返回值；②无参有返回值；③有参无返回值；④有参有返回值。

6.函数的优点

1、封装代码，使代码更加简洁；

2、复用，重复功能需要的时候直接调用；

3、代码执行时机，随时可以在西药的时候执行

预解析

1、什么是预解析：js代码加载执行前，浏览器js引擎会先对js代码进行预解析的操作

2、作用:

????????①将var声明的变量提前（只是声明提前了，其他比如赋值不提前）；

????????②将声明式函数提前。

3、注意：

????????①变量和函数同名时的解析方式：函数优先；

????????②if语句不管条件是否成立，语句块都会被预解析；

????????③return语句后面的代码不执行，但仍会进行预解析。

二、函数（下）

1.变量作用域

1、概念：变量作用域，就是一个变量可以生效的范围

2、全局作用域：

????????①是最大的作用域；

????????②在全局作用域中定义的变量可以在任意地方使用；

????????③页面打开时浏览器会自动生成一个全局作用域window；

????????④该作用域会一直存在直到页面关闭

3、局部作用域：

????????①在全局作用域中开辟出来的相对小的区域；

????????②在局部作用域中定义的变量只能在这个作用域内部使用；

????????③在js中只有函数能生成一个局部作用域；

????????④每个函数都是一个局部作用域。

2.变量使用规则

1、变量的访问规则（也加作用域的查找机制）

??????? 先在自己的作用域查找变量，没找到，就去上一级作用域查找还是没找到，继续去上一级作用域查找，以此类推，如果一直到全局作用域都没找到到这个变量就会报错（is not undined）。

2、变量的赋值规则

??????? 先找到变量，再给他赋值；

????????查找变量仍然是先从自己的作用域内查找，没找到在一层层向上查找，如果一直到全局作用域都没找到到这个变量，js引擎会自动讲这个变量转为全局变量再赋值。

3.作用域链

变量访问或者赋值时，一层层向上查找直到全局作用域的关系就叫做作用域链

4.递归函数

1、概念：将函数调用语句写在函数体内部的函数就叫做递归函数；

??????????????? 注意：递归函数内一定要有结束递归的条件，否则就会变成死递归（类似于循环）。

2、使用及语法

??????? 步骤：先写递归结束的条件（return）再写递归处理

    /*
    求1+2+3+4+5...的和
     */
        function sum(n){
            if (n===1) {
                //结束递归条件
                return 1
            }
            //递归处理
            return n+sum(n-1)
        }
        var s=sum(5)
        console.log(s)

?3、优点：实现编程时写法简单

??????? 缺点：运行效率比较低

*************小白刚开始学，如果有错误地方欢迎指正*********