js函数及应用(补充)


一、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)函数表达式声明方式跟声明变量差不多,只不过变量里面存的是值,而函数表达式里面存的是函数
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我来给您补充一下示例代码,让它包含数组、函数、对象、DOM 和 BOM 的应用JavaScript 代码示例: ```javascript // 数组示例 const myArray = [1, 2, 3, 4, 5]; console.log(myArray.length); // 输出数组长度 console.log(myArray[2]); // 输出数组第三个元素 // 函数示例 function addNumbers(a, b) { return a + b; } const result = addNumbers(5, 10); console.log(result); // 输出 15 // 对象示例 const myObject = { name: "张三", age: 25, address: "北京市" }; console.log(myObject.name); // 输出对象的 name 属性 // DOM 示例 const myButton = document.getElementById("myButton"); myButton.addEventListener("click", function() { alert("您点击了按钮!"); }); // BOM 示例 console.log(window.innerWidth); // 输出浏览器窗口宽度 console.log(window.location.href); // 输出当前页面的 URL ``` HTML 代码示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我眼中的js</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>我眼中的js</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">教程</a></li> <li><a href="#">博客</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section> <h2>什么是JavaScript?</h2> <p>JavaScript是一种脚本语言,通常用于创建交互式网页。它可以让网页变得更加生动、有趣和交互性。JavaScript还可以用于创建Web应用程序、游戏、移动应用程序等。</p> </section> <section> <h2>为什么学习JavaScript?</h2> <p>JavaScript是Web开发的核心技术之一,它可以让您创建出色的Web应用程序和网站。学习JavaScript还可以提高您的编程技能,为您打开更广阔的职业发展前景。</p> <button id="myButton">点击我</button> </section> </main> <footer> <p>©2021 我眼中的js</p> </footer> <script src="main.js"></script> </body> </html> ``` 这些示例代码可以帮助您更全面地了解 JavaScript应用。请注意,这些代码只是示例,您可以根据您的需要进行修改和调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值