JavaScript函数

今天给大家上传JS函数，到底函数是什么东西，在开发中可以理解为已经封装好的方法，专门供自己调用，避免多次重复一件事情！

一、函数

1 函数的作用

就是一段可以在我们需要的时候重复使用代码块

 

解决的问题：

让代码可以重复使用

2 函数的定义

2.1 function 关键字声明

格式：

function 函数名 (参数列表 ) {

函数体(返回值)

}

 

过程：

1 把想要重用的过程里，改变的东西放到参数列表里

2 把想要重用的代码，放到函数体里面

3 如果你希望函数执行之后，要得到一些东西，这些东西就是返回值

在return的后面加上你想要的东西

2.2 函数表达式

格式：

var 函数名 = function (参数列表 ){

函数体(返回值)

}

2.3 函数命名

1 可以使用字符、数字、下划线、$

2 不能以数字开头

3 不能使用关键字和保留字

4 区分大小写

 

5 建议要有意义 --  动词+名字结构

6 驼峰命名法

7 函数名不能重名，后面写的重名函数会把前面写的函数给覆盖掉

3 函数的参数

3.1 函数的形参

形式参数

在函数定义时，写在参数列表里的参数 -- 只是起到占据位置，将来我们可以传递参数的作用

3.2 函数的实参

实际参数

在函数被调用的时候实际传入函数内部的参数

 

在现阶段：

传参的时候，形参和实参是不会相互影响的

--传参不会影响实际参数的值

3.3 arguments对象

1 里面包含了所有在函数调用时传递进来的参数(在js中，函数的实参和形参的个数是可以不一致)

2 可以把arguments这玩意当成数组使用，有长度，可以使用索引访问所有的参数数据

3 只存在于函数的内部，也只能在函数内部使用，在函数之外是无法直接拿过来使用

4 函数的返回值

返回值：

当函数执行完毕之后，所得到的结果就是一个函数返回值

任意函数都有返回值

 

1 在函数内部没有显示的写有return的时候，函数的返回值是undefined

2 当函数内部有return，但是return后面没有跟着任何内容或者数据的时候，函数的返回值是undefined，并且return后面的代码不会执行

3 当return后面跟着内容或者数据的时候，函数的返回值就是这个跟着的内容或者数据

5 函数的调用

函数名( 参数列表 );

6 匿名函数

就是没有名字的函数

格式：

function (参数列表) {

函数体

}

 

但是这个格式是不允许直接使用

 

用处：

1 函数表达式

2 还可以当成参数传递（回调函数）

7 自执行函数

函数可以自动的执行

格式：

(function (){

函数体

})();

 

在后期课程框架封装的时候才用到

8 函数也是一种类型

通过typeof可以知道，函数也是一种数据类型，

主要是数据类型，就可以成为参数传递

9 递归

概念：

函数自己内部调用自己本身