JavaScript函数笔记

JavaScript函数

一、为什么要使用函数？

​ 将一段经常使用的代码封装起来，在需要时直接调用。

二、函数的使用

​ 函数的使用 分为两部分：函数的声明和函数的调用

2.1 函数的声明：

方法一：利用函数关键字自定义函数（命名函数）

function 函数名(){
    函数体();
}

（1）function为函数的关键字，全部小写；

（2）函数如果不调用，本身自己不会执行；

方法二：函数表达式(匿名函数)

var 变量名 = function(){}

注意：函数表达式调用时利用变量名调用

var fun = function(){
    console.log('函数表达式');
}
fun();

2.2 函数的调用：

function 函数名(){
    函数体;
}
函数名();

2.3 函数的封装

函数的封装是把一个或多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口。

三、函数的参数

函数的参数分为形参和实参，形参就是形式上的参数，实参就是实际的参数。

function 函数名(形参1,,形参2......){
    函数体;
}
函数名(实参1，实参2......);

函数的形参和实参个数不匹配问题：

（1）实参个数等于形参个数，输出正确结果

（2）实参个数多于形参个数，只取到形参个数

（3）实参个数少于形参个数，多的形参定义为undefined,结果为NaN

四、函数的返回值return

函数返回值格式：

function 函数名(形参1,,形参2......){
    函数体;
    return 需要返回的结果;
}
函数名(实参1，实参2......);

（1）函数只为实现某种的功能，最终的结果需要返回给函数的调用者：函数名（），需要通过return实现；

（2）函数遇到return就会把后面的结果返回给函数的调用者，函数名() = return后面的结果

例如案例：

function getResult(){
    return 123;
}
getResult();	//控制台结果：123

注意事项：

（1）return后面的代码不会执行

（2）return只能返回一个值，如果返回多个值，返回的结果是最后一个值

（3）函数有返回值时，返回return后面的值，没有返回值时，返回undefined

五、arguments的使用

（1）arguments可以说是一种伪元素，但并不是真正的数组

（2）arguments具有数组的长度length属性

（3）按照索引的方式进行存储

（4）它没有真正数组的一些方法pop()、push()等等

function fn(){
            console.log(arguments);	
            console.log(arguments.length);
            console.log(arguments[2]);
}
fn(1,2,3);