1. 函数概念
函数:就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用
2.函数使用
- 声明函数
(1)利用函数关键字 function 命名函数
(2)函数表达式 var 变量名 = function(){}; 匿名函数,调用方式 变量名(); - 调用函数
// 声明函数 function 关键字
function sayHi(){
console.log('hi~~');
}
//调用函数
sayHi();
demo – 使用函数求1-100的累加和
function getSum(num1, num2){
var sum = 0;
for(var i = num1; i <= num2; i++){
sum += i;
}
console.log(sum);
}
getSum(1, 100);
函数的返回值:return
- 返回结果
只能返回一个值,如果有多个值,只会返回最后一个值,如果想要返回多个值,可以使用数组 - 终止函数 return以后的语句不再执行
- 函数没有renturn 返回 undefined
function getSum(num1, num2){
var sum = 0;
for(var i = num1; i <= num2; i++){
sum += i;
}
return sum;
}
console.log(getSum(1, 100));
3.实参和形参
- 形参:形式上的参数,在声明函数的小括号里
- 实参:在函数调用的小括号里
- 形参是接受实参的,可以看做是不用声明的变量
function 函数名(形参1,形参2...){
函数体;
}
函数名(实参1,实参2...)
要点
- 多个参数之间用逗号隔开
- 形参和实参个数匹配
- 如果实参个数多于形参, 会取形参的个数
- 如果实参个数少于形参,多于的形参结果是
4.使用arguments获取函数的参数
arguments:当我们不确定有多少个参数传递是,可以用arguments来获取,在JavaScript中,arguments实际上是当前函数的一个内置对象,所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参
使用方式
function fn() {
console.log(arguments);
}
fn(1,2,3);
argument 展示形式是一个伪数组,因此可以遍历
伪数组特点
- 具有length属性
- 按索引方式存储数据
- 不具有数组的push,pop等方法(不是真正意义上的数组)
demo – 利用arguments求任意个数的最大值
function maxNum() {
var max = Number.MIN_VALUE;
for(var i = 0; i < arguments.length; i++){
if(max < arguments[i]){
max = arguments[i];
}
}
return max;
}
console.log(maxNum(1,2,3,4,5,6,3,3,15,1,1));