JavaScript深入函数

深入函数

函数介绍

1. 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
2. 通过函数可以封装任意多条语句，而且可以在任何地方任何时候调用执行。
3. 构成函数主体的 JS 代码在定义之时并不会执行，只会调用该函数，它们才会执行。

函数声明

声明方式

• function 函数声明

1. function 命令声明的代码区块，就是一个函数。
2. function 命令后者是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。
3. 使用函数声明的函数在 JS 预解析时具有提升效果，在执行代码之前会先读取函数声明。

• function 函数表达式

1. 形式类似变量赋值语句，即创建一个函数并将它赋值给变量。
2. 此时创建的函数叫做匿名函数，匿名函数的 name 属性是空字符串。
3. 函数的表达式需要在语句的结尾加上分号，表示语句
   结束。

• Function 构造函数

1. 使用 Function 构造函数， Function 构造函数接受三个参数，除了最后一个参数是函数的“函数体”，其他参数都是函数的参数。
2. Function 构造函数可以不使用 new 命令，返回结果完全一样。

• 重复声明
  如果同一个函数被多次声明，后面的声明就会覆盖前面的声明。

第一等公民

• JavaScript 语言将函数看作一种值，与其它值（数值、字符串、布尔值等等）地位不同。
• 可以把函数赋值给变量和对象的属性，也可以当作参数传入其他函数，或者作为函数的结果返回。
• 函数存在一个属性 length: 函数定义形式参数的个数。

函数调用

• 普通函数调用

1. 命名函数
   调用函数时，要使用圆括号运算符。圆括号之中，可以加入函数的参数。
2. 匿名函数
   赋值变量调用
   直接调用
3. 函数可以调用自身，这样的行为称之为递归。

• 对象方法调用

1. 一个无法无非是个保存在一个对象的属性里的 JS 函数。
2. 对象.方法名()
   适用于合法标识符
3. 对象[方法名]（）
   合法标识符
   非法标识符
   变量
4. 链式调用
   return this;

• 构造函数调用

1. 如果函数或者方法调用之前带有 new 关键字，它就构成构造函数调用。
   如果构造函数调用在圆括号内包含一组实参列表，这和函数调用和方法调用是一致的。
   如果构造函数没有形参，JS 构造函数调用的语法是允许省略实参列表和圆括的。
2. 构造函数通常不使用 return 关键字，它们通常初始化新对象，当构造函数的函数体执行完毕时，它会显示返回。

• 间接调用

1. JS 函数也是对象，和其他 JS 对象一样，函数对象也可以包含方法，其中的两个方法call() 和 apply() 可以用来间接地调用对象。
2. call() 方法使用它自有的实参列表作为函数的实参
3. apply() 方法要求以数组的形式传入参数

函数参数

• 函数运行的时候，有时需要提供外部数据，不同的外部数据会得到不同的结果，这种外部数据就叫做参数

1. JS 函数定义是不会为参数规定数据类型
2. JS 函数调用时不会对参数值进行任何检查

• arguments 对象

1. 在函数体内可以通过 arguments 对象来访问这个参数类
2. arguments 对象只有在函数体内部，才可以使用。
3. 通过 arguments 对象的 length 属性，可以判断函数调用时到底带几个参数。
4. 没有传递值的命名参数将自动被赋予 undefined 值。
5. arguments 对象带有一个 callee 属性，返回它所对应的原函数。

函数返回值

• return 语句

1. 函数体内部的 return 语句，表示返回。
2. 任何函数在任何时候都可以通过 return 语句后跟要返回的值来实现返回值。
3. 未指定返回值的函数返回的是一个特殊的 undefined 值。