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);