JS中的函数初识

落日映苍穹つ 2022-06-06 04:10 258阅读 0赞

首先我们要了解函数是单线程的。函数分为两部分：创建函数和执行函数。  
并且每一次执行函数都有执行结果。  
函数是指一段在一起的可以做某一件事儿的程序，也叫作子程序（OOP）中的方法。  
其实我们就可以认为函数是实现某一功能的方法。

接下来我们先从创建函数说起吧。

**创建函数**  
函数分为函数名和函数体  
首先会在当前作用域中声明一个函数名（声明的函数名和使用var声明的变量名是一样的操作：var sum ; function sum; 这两个名字算重复了，发生冲突）。  
浏览器首先会开辟一个新的内存空间（分配一个16进制的地址）,把函数体中写好的代码当做普通字符串存储在这个内存空间中，（创建一个函数如果不执行，函数没有意义，因为开辟的空间中存储的只是单纯的代码字符串）。  
把内存空间的地址赋值给之前声明的那个函数名。

function[函数名]([形参]){ 
    	// => [函数体]
    	//实现功能的具体JS代码
    }

**执行函数**  
函数名(); // => 把创建的函数执行，而且这个函数可以执行很多次。  
不管执行多少次，每一次执行都相当于把函数体中实现功能的JS代码重复的执行了一遍。

> 目的：把之前开辟空间存储的实现具体功能的JS代码执行。  
> 当一个函数执行的时候。  
> 1、浏览器会开辟一个新的\`\`私有作用域\`（只能执行函数中之前编写的JS代码）  
> 2、形参赋值  
> 3、私有作用域的变量提升  
> 4、把之前创建的时候，存储的那些JS代码字符串拿到私有作用域中，然后把它们变为JS表达式，从上到下依次执行。  
> 5、私有作用域是否销毁的问题

*函数执行分析图解*

![这里写图片描述][288f4bd362cb887e721f928c6d0d5bfe.png]

**我们首先要明确一点，那就是什么时候用函数？**  
在真实的项目中，我们一般会把实现一个具体功能的代码封装在函数中。  
这样做用两个好处。  
第一、如果当前这个功能需要在页面中执行多次，不封装成为函数，每一次想实现这个功能，都需要重新把代码写一遍，浪费时间；而封装在一个函数之中，以后想实现多次这个功能，我们就没有必要再重新写代码了，只需要把函数重新执行即可，提高了开发效率。  
第二、封装在一个函数中，页面中就基本上很难出现重复一样的代码了，减少了页面中代码的冗余度，提高了代码的重复利用率：***低耦合高内聚***。

以上的特点称之为**函数封装** 。（OOP面向对象编程思想，类的封装、继承、多态）

[288f4bd362cb887e721f928c6d0d5bfe.png]: /images/20220606/7447df75b3f5456099c955b76bcb0bcb.png