文章目录
一、arguments的使用
当我们不确定有多少个参数传递的时候,可以用arguments
来获取。在JavaScript中,arguments实际上它是当前函数的一个内置对象
。所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参
。
arguments展示形式是一个伪数组
,因此可以进行遍历。伪数组具有以下特点:
- 具有length属性
- 按索引方式存储数据
- 不具有数组的pop,push等方法
// arguments的使用,只有函数才有 arguments对象,而且是每个函数都内置好了这个arguments
function fn() {
console.log(arguments); // 里面存储了所有传递过来的实参,arguments=[1,2,3]
console.log(arguments.length);
console.log(arguments[2]);
// 可以按照数组的方式遍历arguments
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
fn(1, 2, 3);
fn(1, 2, 3, 4, 5);
// 伪数组,并不是真正意义上的数组
// 1.具有数组的length属性
// 2.按照索引的方式进行存储
// 3.它没有真正数组的一些方法pop(),push()等等
1.案例:利用函数求任意个数的最大值
function getMax() {
var max = arguments[0];
for (var i = 1; i < arguments.length; i++) {
if (arguments[i] > max) {
max = arguments[i];
}
}
return max;
}
console.log(getMax(1, 2, 3)); // 3
console.log(getMax(1, 2, 3, 4, 5)); //5
console.log(getMax(11, 2, 34, 444, 5, 100)); // 444
二、函数案例
1.案例1:利用函数翻转任意数组
// 利用函数翻转任意数组 reverse翻转
function reverse(arr) {
var newArr = [];
for (var i = arr.length - 1; i >= 0; i--) {
newArr[newArr.length] = arr[i];
}
return newArr;
}
var arr1 = reverse([1, 3, 4, 6, 9]);
console.log(arr1);
var arr2 = reverse(['red', 'green', 'blue', 'pink']);
console.log(arr2);
2.案例2:利用函数封装方式,对数组排序(冒泡排序)
// 利用函数冒泡排序 sort排序
function sort(arr) {
for (var i = 0; i < arguments.length - 1; i++) {
for (var j = 0; j < arguments.length - i - 1; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
return arr;
}
var arr1 = sort([1, 4, 2, 9]);
console.log(arr1);
var arr2 = sort([11, 7, 23, 99]);
console.log(arr2);
3.案例3:利用函数判断闰年
要求:输入一个年份,判断是否是闰年(闰年:能被4整除并且不能被100整除,或者能被400整除)
// 利用函数判断闰年
function isRunYear(year) {
// 如果是闰年返回true,否则返回false
var flag = false;
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
flag = true;
}
return flag;
}
console.log(isRunYear(2000)); // true
console.log(isRunYear(1999));// false
4.函数可以调用另外一个函数
因为每个函数都是独立的代码块,用于完成特殊任务,因此经常会用到函数相互调用的情况。
// 函数是可以相互调用的
function fn1() {
console.log(11);
fn2(); // 在fn1函数里面调用fn2函数
}
fn1();
function fn2() {
console.log(22);
}
function fn1() {
console.log(111);
fn2();
console.log('fn1');
}
function fn2() {
console.log(222);
console.log('fn2');
}
fn1();
5.案例4:用户输入年份,输出当前年份2月份的天数
当前年份是闰年2月份有29天,平年2月份有28天。
// 用户输入年份,输出当前年份2月份的天数
function backDay() {
var year = prompt('请您输入年份:');
if (isRunYear(year)) { // 调用函数需要加小括号
alert('当前年份是闰年2月份天数有29天');
} else {
alert('当前年份是平年2月份天数有28天');
}
}
backDay();
function isRunYear(year) {
// 如果是闰年返回true,否则返回false
var flag = false;
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
flag = true;
}
return flag;
}
三、函数的两种声明方式
// 函数的2种声明方式
// 1.利用函数关键字自定义函数(命名函数)
function fn() {
}
fn();
// 2.函数表达式(匿名函数)
// var 变量名 =function(){}
var fun = function() {
console.log('我是函数表达式');
}
fun();
// (1)fun是变量名,不是函数名
// (2)函数表达式声明方式跟声明变量差不多,只不过变量里面存的是值,而函数表达式里面存的是函数