js中的函数

JS中的函数

函数是一段在一起的、可以做某一件事的程序。也叫做子程序、（OOP中）方法

函数是实现某一个功能的方法

创建函数

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

执行函数

函数名();//=>把创建的函数执行，而且这个函数可以执行很多次

在真实项目中，我们一般都会把实现一个具体功能的代码封装在函数中：

1、如果当前这个功能需要在页面中执行多次，不封装成为函数，每一次想实现这个功能，都需要重新把代码写一遍，浪费时间，而封装在一个函数中，以后想实现多次这个功能，我们就没有必要在重新写代码了，只需要把函数重新的执行即可，提高了开发效率

2、封装在一个函数中，页面中就基本上很难出现重复一样的代码了，减少了页面中代码的冗余度，提高了代码的重复利用率低耦合高内聚

我们把以上的特点称为 函数封装（OOP面向对象编程思想，需要我们掌握的就是类的继承、封装、多态）

JS中函数的核心原理

函数作为js中引用数据类型的一种，也是按照引用地址来操作的

function sum(){
    var total=1+1;
    total*=20;
    console.log(total.toFixed(2));
}
sum();

创建函数

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

函数执行

目的:把之前存储的实现具体功能的JS代码执行

• 函数执行，浏览器首先会为其开辟一个新的私有作用域（只能执行函数中之前编写的JS代码）