初探JavaScript魅力3-CSDN博客

1.函数

1.1.函数的基础知识

1.1.1.为什么要使用函数

在写代码的时候，有一些常用的代码需要书写多次，如果直接复制粘贴的话，会造成大量的冗余代码，为了提高代码的重用率，提高编码效率，我们需要使用函数。函数可以用来封装一段重复的代码，只需要声明一次，就可以被多次调用。

冗余代码缺点：

1.代码重复，可阅读性差。

2.不易维护。一旦逻辑发生改变，所有的地方也都要修改。

1.1.2.函数的声明与调用

函数的声明：声明函数需要用到function关键字。

function 函数名(){
  //函数体
}
复制代码

特点：

1.函数在声明时不会执行，只有被调用时才会被执行。
2.函数一般用来做一件事，在对函数进行命名时一定要注意，做到顾名思义。
复制代码

函数的调用：

函数名();
复制代码

示例代码：

//声明一个函数
function sayHi(){
  alert("吃了没");
}
//调用函数
sayHi();
复制代码

1.1.3.函数的参数

1.形式参数：在定义函数名和函数体的时候使用的参数，目的是用来接收调用该函数时传入的值。这个参数是一个不存在的变量，仅仅只是为了占用位置，所以我们可以称它为形式参数，简称形参。

2.实际参数：在调用有参函数时，函数名后面括号中的参数被称为实际参数，实参可以是常量、变量或者表达式。

语法：

//有参函数在声明时，需要在函数名后的括号里写上形参
function 函数名(形参1,形参2,形参3...){
  //函数体
}
//调用有参函数,在函数名后面的括号里直接传入实际参数
函数名(实参1,实参2,实参3...);
复制代码

返回值语法：使用return关键字标识函数的返回值。

function 函数名(形参1,形参2,形参3...) {
  //函数体
 return 返回值;   //return关键字用来标识函数的返回值
}
var result = 函数名(形参1,形参2,形参3...);  //调用者定义一个变量，用来保存函数的返回值。
复制代码

1.1.5.函数三要素

函数的三要素指的是：函数名、参数以及返回值。

文档注释：文档注释/ ** */通常用在函数的声明中，用来解释这个函数的作用。（包括函数名，参数以及返回值的作用）

声明函数时，使用文档注释对函数进行说明，是一种良好的开发习惯

 /**
   * 求圆的面积
   * @param r {number} 圆的半径
   * @returns {number} 圆的面积
   */
function getArea(r){
  return Math.PI*r*r;
}
getArea(3);
复制代码

1.2.函数的高级知识

1.2.1.函数调试

在函数内部是可以调用其它函数的

function fn1(){
  console.log("fn1开始");
  fn2();    //在函数fn1里调用了fn2函数
  console.log("fn1结束");
}
function fn2(){
  console.log("fn2的代码");
  console.log("fn2的代码");
  console.log("fn2的代码");
}
fn1();
复制代码

断点调试：

1.F8:跳转到下一个断点
2.F10:单步运行（不会跳入到函数里）
3.F11:单步调试（跳入到函数里）
4.Shift+F11:跳出函数调用
复制代码

1.2.2.函数参数与返回值详解

函数的参数详解：

1.在JavaScript中，没有函数重载，只有覆盖。如果定义了两个同名函数，后面的函数会覆盖掉前面的函数。

2.在JavaScript中，实参的个数可以和形参的个数不一致。

如果实参的个数大于形参的个数，多余的实参会被舍弃。
如果实参的个数小于形参的个数，不足的实参使用undefined替代。

函数返回值详解：

1.return 语句作为函数的返回，它后面的语句不会执行。
2.函数也可以没有return语句。如果一个函数没有明确的返回值，那么这个函数的返回值是undefined.
3.函数也可以直接return，而不给返回值，相当于return undefined.作用是用来结束函数的调用。
复制代码

1.2.3.函数的作用域

全局变量：在最外层声明的变量就是全局变量，全局变量在任何地方都能够被访问。

局部变量：在函数中声明的变量就是局部变量，局部变量只能在当前函数内能够被访问。

隐式全局变量：没有使用var声明的变量也是全局变量。

作用域：变量可以发挥作用的区域。

全局作用域：在script标签内，函数外定义的作用域就是全局作用域。在全局作用域中定义的变量是全局变量。

函数作用域：在函数中的区域叫做函数区域，在函数作用域中定义的变量就是局部变量，只能在当前函数中访问。

在函数中，只有全局作用域和函数作用域。在if、while、for等语句中定义的变量都是全局变量。

1.2.4.预解析

JS解析器在执行JS代码的时候，分为两个过程：预解析过程和代码执行过程。

预解析过程：

1.把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。

2.把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用。

1.2.5.声明函数的两种方式

函数声明（命名函数）

function 函数名(){
  //函数体
}
复制代码

函数表达式(匿名函数)

var 函数名 = function(){
  //函数体
}
复制代码

这两种函数的区别：

1.命名函数可以在声明之前调用，因为预解析时，会先把函数的声明给解析出来。

2.匿名函数的调用必须要放在声明之后，因为预解析时，只会声明变量，不会给变量赋值！（DOM注册事件）

1.2.6.匿名函数

匿名函数：没有名字的函数

匿名函数的使用:

1.将匿名函数赋值给一个变量，通过变量名来调用函数。
var test = function(){   //将匿名函数赋值给一个变量
  console.log("Hello");
}
test();  //通过变量名来调用函数
2.匿名自调用函数。
(function(){
  console.log("Hi");
})();
复制代码