[php学习十四]javaScript的基本练习4-对象

淡淡的烟草味﹌ 2022-09-24 11:24 158阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>JavaScript对象练习</title>
        <script>
    
            /*注意点1:用New Object()还有错误提示,不用的话,还能用。*/
            var p1 = Object();
            p1.objOneName = "Hello";
            p1.objTwoName = "World";
            p1.objAge = 30;
            document.write("P1名字:" + p1.objOneName + " " + p1.objTwoName + "年龄:" + p1.objAge + "<hr>");
            /*注意点2:利用构造函数创建的话,如果声明对象不加New修饰,那么必须有返回值。~*/
            function creatOneObj(objfirstName,objlastName,age) {
                this.objfirstName = objfirstName;
                this.objlastName = objlastName;
                this.objAge = age;
                return this;
            }
            var p2 = creatOneObj("Hello","World",28);
            document.write("P2名字:" + p2.objfirstName + " " + p2.objlastName + "年龄:" + p2.objAge + "<hr>");
    
            var p3 = {
                objFirstName : "Hello",
                objLastName : "World",
                objAage:35
            };
            document.write("P3名字:" + p3.objFirstName + " " + p3.objLastName + "年龄:" + p3.objAage + "<hr>");
            /*注意点3:p1,p2,p3三中方式都可以实现定义一个对象~!*/
    
            var x;
            var outStr = "";
            for (x in p3){
                outStr += x + ":" + p3[x] + ";";
            }
            document.write(outStr + "<hr>");
    
            /*这个Tostring的功能也太强大了。~*/
            var y = 127;
            document.write("127的二进制:" + y.toString(2) + ";127的十六进制:" + y.toString(16) + "<hr>");
    
            /*注意点4:typeof Z的结果也是Number类型,和Y一样。如果加New的话,将是object。但加了后,提示错误。*/
            var z = Number(5);
            document.write("typeof y:" + typeof y + ";typeof z:" + typeof z+ "<hr>");
            document.write("Number.MAX_VALUE:" + Number.MAX_VALUE + ";Number.MIN_VALUE:" + Number.MIN_VALUE + "<hr>");
    
            document.write("Hello.length = " + "Hello".length + ";Hello[0] =" + "Hello"[0] + "<hr>")
            document.write("19701年1月1日到现在的毫秒数:" + new Date().getTime() + "<hr>");
    
            /*注意点4:直接写成new Date().setFullYear有错误,虽然能得到毫秒,但不能ToString*/
            var d = new Date();
            d.setFullYear(2020,10,20);
            document.write("setFullYear(2020,10,20):" + d.toString() + "<hr>");
    
        </script>
    </head>
    <body>
    <p><small>当前时间:</small><span id = "sCurrTime"></span></p>
    <hr>
    <p><small>数组对象常用</small></p>
    <div id="arrInfo"></div>
    <script>
        function getCurTime() {
            curdate = new Date();
            var h = curdate.getHours();
            var m = curdate.getMinutes();
            var s = curdate.getSeconds();
            m = addZero(m);
            s = addZero(s);
            document.getElementById("sCurrTime").innerHTML = h + ":" + m + ":" + s;
            setTimeout(function () {
                getCurTime();
            }, 500);
        }
        function addZero(vNumber) {
            if (vNumber<10){
                return "0" + vNumber;
            }
            return vNumber;
        }
        getCurTime();
    
        var arrAuto = [];
        var arrInt = [1,2,3,4,5];
        var arrStr = ["a","b","d","c"];
        var outStr = "合并arrInt与arrStr:" + arrInt.concat(arrStr).join() + "<br>"
                + "作为字符串输出方法:join();(感觉和tostring()一样啊~!);"+ "<br>"
                + "删除最后一个元素:pop();添加新的元素:push('Kiwi');"+ "<br>"
                + "反转排序:reverse();删除第一个元素:shift();"+ "<br>"
                + "截取下标1到2的元素:slice(1,3)(感觉这个是左闭右开区间);"+ "<br>"
                +"升序排列:sort()/sort(function(a,b){return a-b});";
        document.getElementById("arrInfo").innerHTML = outStr + "<hr>";
    
    </script>
    </body>
    </html>