Java教程

JavaScript3

本文主要是介绍JavaScript3，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

JavaScript3

JS - Math对象

代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS - Math对象</title>
</head>
<body>
    <script>
        // abs 绝对值
        var a = -5.58;
        console.log(Math.abs(a));     // 5.58

        // round 取整  四舍五入
        console.log(Math.round(a));   // -6

        // ceil 向上 取整
        console.log(Math.ceil(a));    // -5

        // floor 向下 取整
        console.log(Math.floor(a));   // -6

        // max 最大数
        console.log(Math.max(1,6,9,5,3,8));   // 9

        // min 最小值
        console.log(Math.min(1,6,9,5,3,8));   // 1

        // random() 随机数 默认0-1的小数
        console.log(Math.random());   // 0.85510 每次刷新都不一样
        // Math.random()*10  变个位数的小数
        console.log(Math.random()*10);   // 7.01628 每次刷新都不一样
        // Math.floor  变成一个整数
        console.log(Math.floor(Math.random()*10));  // 7 每次刷新都不一样
        // toFixed(2)  保留两位小数
        console.log(Math.random().toFixed(2));   // 0.90  每次刷新都不一样
    </script>
</body>
</html>

JS - 日期对象

代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS - date对象</title>
</head>
<body>
    <script>
        var data = new Date;

        // getFullYear 获取年
        var year = data.getFullYear();
        console.log(year);     //  2022

        // getMouth 获取月  月份要加1才是北京时间
        var mouth = data.getMonth()+1;
        console.log(mouth);    // 5

        // getDate 获取日
        var da = data.getDate();
        console.log(da);      // 5

        // getDay 获取周几
        var week = data.getDay();
        console.log(week);    // 4

        // getHours 获取小时
        var hou = data.getHours();
        console.log(hou);     // 16

        // getMinutes 获取分钟
        var mi = data.getMinutes();
        console.log(mi);      // 57

        // getSeconds 获取秒数
        var mao = data.getSeconds();
        console.log(mao);     // 21

        // Date.now 时间戳  距离格林威治时间（1970年1月1日00点）多久 
        var no = Date.now();
        console.log(no);      // 1651741164814  秒数
        
        // 当秒数小于10的时候，前面加个0，方便对齐
        if (mao<10){
            mao = "0" + mao;
    </script>
</body>
</html>

JS - 函数

含义：通常是把一系列重复使用的操作封装成一个方法，方便调用

定义：function funName( ){ }

代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS - 函数</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: gold;
            margin: 10px;
        }
    </style>
</head>
<body>
    <div></div>
    <div></div>
    <script>
        var box1 = document.getElementsByTagName("div")[0];
        var box2 = document.getElementsByTagName("div")[1];

        // 定义函数  函数调用可以在定义函数的上方，或者下方，调用的时候不加括号也可以
        // 格式：function 函数名 (参数) {代码}
        function func(){
            // 弹出警示框
            alert("今天天气很好，适合外出旅行！")
        }
        // 通过点击事件 调用函数
        box1.onclick = func;
        box2.onclick = func;
    </script>
</body>
</html>

JS - 函数参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS - 函数参数</title>
</head>
<body>
    <script>
        function func(x){
            alert(x);
            alert(typeof x);
        }
        // // 参数为数字
        // func(520);
        // // 参数为数组 相当于是个整体
        // func([1,2,3,6]);
        // // 参数为字符串
        // func("hello world")

        // // 如果实参比形参多，那么就取前面的实参，后面的参数不要
        // function f1(a,b){
        //     console.log(a+b)
        // }
        // f1(1,2,3,4,5,6)     // 1+2=3

        // 如果形参的个数多于实参的个数，多余的形参会被定义为undefined,最终的结果是NaN
        function f2(e,f,g){
            console.log(e+f+g)
        }
        f2(2,5)        // NaN
    </script>
</body>
</html>

JS - 函数返回值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS - 函数返回值</title>
</head>
<body>
    <script>
        // 返回值，函数只是实现某种功能，最终的结果需要返回给函数的调用者，需要return返回
        // 只要函数遇到return，后面的代码则不会再执行
        function getResult(){
            return 666;
        }
        // 写法一:
        console.log(getResult());     // 666
        // 写法二:
        var a = getResult()
        console.log(a)       // 666
    </script>
</body>
</html>

JS - 定时器

这篇关于JavaScript3的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航