JavaScript 函数总体概述(函数声明/参数传递/返回值/加载/变量和作用域/变量声明提升/匿名函数/回调函数)

1. 函数的概念和定义 函数就是可以重复执行的代码块。 ① 函数声明（自定义声明）使用在定义之前或之后均可
function 函数名(形参) { }




② 函数表达式（匿名函数法）

注意：使用必须在定义之后

var 变量 = function(形参) { }



③ Function对象（构造函数法）

注意：使用必须在定义之后

var 变量 = new Function(程序);






2. 函数的参数

定义：参与运算的变量

作用：为了扩展函数的功能性，和与程序员的交互性，和代码的复用性


- 实参：实际参与运算的变量

- 形参：形式上参与运算的变量，为实参占位置




javaScript中的函数相对于其它语言的函数比较灵(特)活(殊)。
在其它语言中实参个数必须和形参个数一致，但是Javascript中没有函数签名的概念，实参个数和形参个数可以不相等。JavaScript中没有方法的重载。


① 实参个数 > 形参个数：函数正常执行，多余的参数不参与运算

② 实参个数 = 形参个数：函数正常执行

③ 实参个数 < 形参个数：未给定值的参数默认为undefined，是报错还是NaN还是无法执行，取决于函数内部的逻辑function fn(a,b) {
    alert(a+b);
    //实参个数和形参个数
    console.log(fn.length);//打印：形参个数
    console.log(arguments); //打印：实参个数，arguments是一个对象（伪数组），装载着所有的实参，必须在函数内部使用
}
















3. 函数的返回值

有return函数就有值，没有return函数就没有值。

函数内部的变量如果外部想要使用，必须用return关键字返回，那么外部的变量才能接收。

总结：函数内部，return后面的值就是返回值

作用：函数执行后剩下结果就是返回值alert("你好");//有参数，没有返回值
confirm("你好");//有参数，有返回值，点击确定返回true，点击取消返回false
PRompt();//有参数，有返回值，点击确定返回输入内容，没写内容默认为空字符串，点击取消返回null




总结函数功能
- 有时候我们用的是函数的逻辑
- 有时候我们用的是函数的返回值
- 而函数的参数是为了提高函数的功能性存在的




函数的注意事项

① 如果函数没有显式使用return语句，那么函数有默认的返回值：undefined
② 如果函数使用return语句，那么跟在return后面的值，就成了函数的返回值
③ 如果函数使用return语句，但是return后面不跟任何值，那么函数的返回值也是undefined
④ 函数使用return语句后，这个函数会在执行完return语句之后停止并立即退出，return可以切断函数，它后面的代码不会再执行,但代码也会被加载。
⑤ 打印函数名，等于打印整个函数；打印执行函数，等于打印返回值。


（函数名+()，就是执行函数）
















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

① 函数名是什么？

函数名 == 整个函数

② 函数加载问题

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
















5. 变量和作用域（函数中的变量需要函数执行之后才能使用）

（1）全局变量和局部变量
- 任何位置没有var的都是全局变量（成员变量），或者函数之外用var定义的也是全局变量
- 函数内部有var的是局部变量，形参也是局部变量

（2）隐式全局变量
- 函数内部没有var的是全局变量function  fn（）{
    var  a  =  b  =  c  =  1;   // b和c就是隐式全局变量（等号）
    var  a = 1;  b = 2;  c = 3;     // b和c就是隐式全局变量（分号）
    var  a = 1 ,  b = 2 ,  c = 3;    // b和c不是隐式全局变量（逗号）
}




（3）其它

- 函数内部可以访问到该函数所属的外部作用域的变量(作用域链)
- 不使用var声明的变量是全局变量，不推荐使用。
- 变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁











6. 变量声明提升（出现原因：预解析）

就是在页面加载完毕之后，js执行之前，需要先预览一遍整体的js代码，把所有非function内部的变量提升到页面的最顶端。如果在定义变量之前使用了变量，就会出现变量声明提升。

- 使用变量的时候变量的值为undefined，计算后形成NaN
- 变量声明提升在全局和局部都是会出现的
- 对于变量，只提升变量名，不提升变量值
- 对于函数，是整体提升的


（详细解析见后续文章）







7. 匿名函数

定义：没有命名的函数

作用：

    ①不需要定义函数名的时候（一般用在绑定事件的时候）  

    ②书写起来更简便




调用方法：

    ① 直接调用
var fn = function() {}
fn();



    ② 自调用(function(){alert(1)})();




    ③ 事件绑定

    ④ 定时器














8. 函数是一种数据类型

function










9. 回调函数

- 简单理解：就是函数做为参数。
- 复杂理解：回调函数就是一个通过函数调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。
fn(1,2,demo1);//使用函数名就相当于传递了整个函数

function fn(num1,num2,fun){
    var sum = fun(num1,num2);
    alert(sum);
}

function demo1(n,m){
    return n+m;
}










10. 递归

定义：函数自己调用自己

使用：必须有跳出条件

（详细解析见后续文章）










11. 闭包
定义：函数作为返回值


fn()();//第一个小括号是对fn的调用,调用后会返回一个值，后面的括号是对返回值的调用
function fn(){
    return function demo(){
        alert(50);
    }
}

（详细解析见后续文章）









12. parseInt 和 toString 问题

parseInt把任何进制转换成10进制十进制值 = parseInt(数值，进制);


toString把10进制转换成任何进制任何进制值 = 十进制值.toString(进制);






13. 参数传递问题

func(num); //调用函数

所谓的调用函数传参就是将参数中的数据给函数中的参数变量赋值。

调用函数的时候：

-> 将参数拷贝一份


-> 跳转到函数体


-> 进入函数体之前将完成一次赋值，num = 被拷贝的值


不严谨的描述，参数传递就是参数赋值

-> 如果传递的是值类型：值类型会被拷贝，拷贝的是数据，因此在函数内的变量，与函数外的变量是值相同的两个不同变量，值类型在函数内修改的变量以后，函数结束后，数据无影响。

-> 如果传递的是引用类型：引用会被拷贝，拷贝的是地址，而数据还是只有一个，也就是说，函数内与函数外是两个不同的变量，但是指向同一个对象，无论使用函数内，还是函数外的变量对该对象做操作，都是一样的，因此在函数内修改对象的成员，函数结束后，修改结果会保持下来。















小知识


① 函数不调用不执行
② 函数名就等于（整个函数）
③ 加载函数的时候，只加载函数名，不加载函数体
④ 参数相当于局部变量
⑤ 就近原则使用变量
⑥ 两个平级的函数中的变量不会相互影响（可以使用同样的形参名）
JavaScript 函数总体概述(函数声明/参数传递/返回值/加载/变量和作用域/变量声明提升/匿名函数/回调函数)

相关推荐
