【JavaScript复习十六】函数

欢迎来到JS复习专栏，本文章主要内容为函数知识

函数

函数：就是将一些功能或语句进行封装，在需要的时候，通过调用的形式，执行这些语句。

函数也是一个对象

使用typeof检查一个函数对象时，会返回function

作用：

将大量重复的语句抽取出来，写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。

简化编程，让编程模块化。高内聚、低耦合。

函数的定义/声明

1. 利用函数关键字自定义函数（命名函数）
   使用函数声明来创建一个函数（也就是 function 关键字）。语法：

function 函数名([形参1,形参2...形参N]){  
// 备注：语法中的中括号，表示“可选”
	语句...
}
1
2
3
4

2. 函数表达式（匿名函数）
   使用函数表达式来创建一个函数。语法：

var 变量名  = function([形参1,形参2...形参N]){
	语句....
}
1
2
3

3. 使用构造函数 new Function()
   使用构造函数new Function()来创建一个对象。这种方式，用的少。

语法：

var 变量名/函数名  = new Function('形参1', '形参2', '函数体');
1

函数的调用

1. 普通函数的调用

函数名();

2. 通过对象的方法来调用

var obj = {
	a: 'niuniu',
	fn2: function() {
		console.log('hello');
	},
};
obj.fn2;
1
2
3
4
5
6
7

3. 立即执行函数
   代码举例：

(function() {
	console.log('我是立即执行函数');
})();
1
2
3

4. 绑定事件函数

5. 定时器函数

函数名、函数体和函数加载问题

我们要记住：函数名 == 整个函数。

console.log(fn) == console.log(function fn(){alert(1)});

注意：

函数的加载问题：JS加载的时候，只加载函数名，不加载函数体。所以如果想使用内部的成员变量，需要调用函数。

fn() 和 fn 的区别：

fn()：调用函数。调用之后，还获取了函数的返回值。

fn：函数对象。相当于直接获取了整个函数对象。

立即执行函数：

函数定义完，立即被调用，这种函数叫做立即执行函数。

立即执行函数往往只会执行一次。为什么呢？因为没有变量保存它，执行完了之后，就找不到它了。

类数组 arguments

在调用函数时，浏览器每次都会传递进两个隐含的参数：

1. 函数的上下文对象 this

2. 封装实参的对象 arguments

arguments 是一个类数组对象，它可以通过索引来操作数据，也可以获取长度。

arguments 代表的是实参。在调用函数时，我们所传递的实参都会在 arguments 中保存。有个讲究的地方是：arguments只在函数中使用。

返回函数实参的个数：arguments.length

返回正在执行的函数：arguments.callee

arguments 可以修改元素：
之所以说 arguments 是伪数组，是因为：arguments 可以修改元素，但不能改变数组的长短。

当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在 JavaScript 中，arguments 实际上是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象（只有函数才有 arguments 对象），arguments 对象中存储了传递的所有实参.

arguments的展示形式是一个伪数组。伪数组具有以下特点：

可以进行遍历；具有数组的 length 属性。

按索引方式存储数据。

不具有数组的 push()、pop() 等方法。