前端全栈学习第十二天-js第六天-基础

以你之姓@ 2021-09-18 08:34 431阅读 0赞

主要是内置对象的介绍和例子

1：Math的两个例子

2：Date例子

1.1：使用Math实现系统的max方法
    1）使用系统自带的Math.max()方法
    var max = Math.max(12, 45, 78, 999, 111111);
    console.log(max);
    2）使用带参的函数
    function getMaxMath(m) {
        var max = Number.MIN_VALUE;
        for (var i = 0; i < m.length; i++) {
            if (max < m[i]) {
                max = m[i];
            }
        }
        return max;
    }
    console.log(getMaxMath([12, 4, 55, 22, 66, 88]));
    3)使用不带参的构造函数，并且使用arguments伪数组
     
     function getMaxMath() {
    //        添加一个方法
            this.getMax = function () {
                var max = arguments[0]; //当不知道元素个数时，可以使用argumrnts伪数组来获取元素的个数
                for (var i = 0; i < arguments.length; i++) {
                    if (max < arguments[i]) {
                        max = arguments[i];
                    }
                }
                return max; //这里的返回值是循环结束，并且在添加的方法中
            }
        }
        var mt = new getMaxMath();  //注意这里是构造函数，他的主要目的是创建对象，并且用变量接收，此时变量就有了构造函数的属性和方法，所以一定要new
        var result = mt.getMax(12, 45, 88, 66, 99, 110); //变量有了构造函数的属性和方法。直接调用
        console.log(result);
    1.2随机产生16进制的颜色值
    function getColor() {
        var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
        var str = "#";
        for (var i = 0; i < 6; i++) {
            var random = parseInt(Math.random() * 16);
            str += arr[random];
        }
        return str;
    }
    my$("dv").style.backgroundColor = getColor();
    //    console.log(getColor())
    2：格式化日期
    function getDate(dt) {
        var year = dt.getFullYear();
        var month = dt.getMonth() + 1;
        var day = dt.getDate();
        var hour = dt.getHours();
        var minute = dt.getMinutes();
        var seconds = dt.getSeconds();
        month = month < 10 ? "0" + month : month;
        day = day < 10 ? "0" + day : day;
        hour = hour < 10 ? "0" + hour : hour;
        minute = minute < 10 ? "0" + minute : minute;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        return year + "年" + month + "月" + day + "日" + " " + hour + ":" + minute + ":" + seconds;
    }
    var dt = new Date();
    console.log(getDate(dt));