JavaScript---网络编程(4)-Date、Math、Global和自定义对象

本文涉及的产品
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
简介: JavaScript---网络编程(4)-Date、Math、Global和自定义对象

本节博客进行Date对象、Math对象、Global对象和自定义对象的用法演示。


首先是一个out.js文件内容(输出到网页中的自定义输出方法):


function println(parma){
    document.write(parma+"<br/>");
}
function print(parma){
    document.write(parma);
}


Date 对象


启用基本存储器并取得日期和时间。

dateObj = new Date()

dateObj = new Date(dateVal)

dateVal

必选项。如果是数字值,dateVal 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间 的毫秒数。如果是字符串,则 dateVal 按照 parse 方法中的规则进行解析。dateVal 参数也可以是从某些 ActiveX(R) 对象返回的 VT_DATE 值。


dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])


用[]括起来的是可选项(可写可不写)


说明

Date 对象保存以毫秒为单位表示特定时间段。如果某个参数的值大于其范围或为负数,则存储的其他值将做相应的调整。例如,如果指定 150 秒,JScript 将该数字重新定义为 2 分 30 秒。


如果数字为 NaN,则表示该对象不代表特定的时间段。如果未向 Date 对象传递参数,它将被初始化为当前时间 (UTC)。在能够使用该对象前必须为其赋值。


Date 对象能够表示的日期范围约等于 1970 年 1 月 1 日前后各 285,616 年。


Date 对象具有两个不创建 Date 对象就可以调用的静态方法。它们是 parse 和 UTC。


演示代码:

<html>
    <head>
        <title>Date对象的用法演示</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
        <script type="text/javascript" src="out.js">
        </script>
        <script type="text/javascript">
            var date = new Date();//当前日期时间,它的精确值= 从1970.1.1开始,到现在经过的毫秒数
            println(date);//自带toString()
            println(date.toString());//默认是GMT格式---Mon Jun 06 2016 20:03:45 GMT+0800 (中国标准时间)
            println(date.toDateString());//默认是GMT格式---Mon Jun 06 2016
            println(date.toLocaleString());//本地格式---2016/6/6 下午8:05:48
            println(date.toLocaleDateString());//本地格式---2016/6/6---只有日期
            //综上,带Date的只显示日期
            println("<hr/>");
            var year = date.getFullYear();//获取现在的年份
            var month = date.getMonth() + 1;//跟java一样,返回的月份和我们平时用的小1---它是序号-所以加一才是真正的月份
            var day = date.getDate();//这才是我们要的日期---注意,getDay()返回的是星期几 
            var weekDay = date.getDay();//星期几
            println(year + "-" + month + "-" + day + ",星期" + weekDay);
            println(year + "-" + month + "-" + day + "," + getWeekDay(weekDay));
            function getWeekDay(weekDay){
                var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
                return weeks[weekDay];
            }
            //日期对象和毫秒值的转换
            var date2 = new Date();
            date2.setFullYear(2015);//只更改年份
            var time = date2.getTime();//日期-->毫秒值
            println("time=" + time);
            var date3 = new Date(time);//毫秒值-->日期
            println(date3.toLocaleString());
            //字符串跟日期之间的转换
            //日期对象-->字符串 : 直接用toLocalString(),toLocalDateString()
            //字符串-->日期对象
            var strDate = "6/4/2016";//格式: 月份/日期/年份
            //var strDate = "6/4/19";//不要这么写
            //格式: 月份/日期/年份  
            //IE :如果年份只给2位则前面默认是19**
            //360浏览器:如果年份只给2位则前面默认是20**---超过50就前面默认是19**
            //年份值可以用 2 位数字表示也可以用 4 位数字表示。如果使用 2 位数字来表示年份,
            //那么该年份必须大于或等于 70。 
            var time2 = Date.parse(strDate);//静态方法,返回值是毫秒值
            println(time2);
            var date4 = new Date(time2);
            println(date4.toLocaleString());
        </script>
        <!-- with语句演示 -->
        <script type="text/javascript">
            //在with内部的方法调用时可以省略该date对象
            with(date){
                var year = getFullYear();
                var month = getMonth()+1;//注意加一
                var day = getDate();
                println(year+"-"+month+"-"+day);
            }
        </script>
    </body>
</html>


360浏览器8.1 演示结果:

image.png


Math 对象


是一个固有对象,提供基本数学函数和常数。

Math.[{property | method}]


参数

property

必选项。Math 对象的一个属性名。


method

必选项。Math.对象的一个方法名。


说明

Math 对象不能用 new 运算符创建,如果试图这样做则给出错误。该对象在装载脚本引擎时由该引擎创建。其所有方法和属性在脚本中总是可用。


演示代码:

<html>
  <head>
    <title>Math对象的用法演示</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <script type="text/javascript" src="out.js">
    </script>
    <script type="text/javascript">
        var num1=Math.ceil(23.456);//返回大于等于其数字参数的最小整数。 
        var num2=Math.floor(23.456);//返回小于等于其数值参数的最大整数。 
        var num3=Math.pow(2,3);//表示2的3次方
        println(num1+","+num2+","+num3);//24,23,8
        var num4=Math.round(7.46);//四舍五入
        println(num4);//7
        //生成10个[0,10]范围内的随机整数
        for(var x=0;x<10;x++){
            var n=Math.random()*100;
            if(n==99){
                continue;
                x--;
            }
            n=Math.floor(n/9);
            println(n);
        }
    </script>
  </body>
</html>

360浏览器8.1 演示结果:

image.png



Global 对象–异常以及for-in语句


是一个固有对象,目的是把所有全局方法集中在一个对象中。

Global 对象没有语法。直接调用其方法。


说明

Global 对象从不直接使用,并且不能用 new 运算符创建。它在 Scripting 引擎被初始化时创建,并立即使其方法和属性可用。

也就是说,它的所有方法都是静态的,而且我们可以省略Global.直接调用它的方法。


演示代码:

<!DOCTYPE html>
<html>
    <head>
        <title>Global对象用法演示</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <script type="text/javascript" src="out.js">
        </script>
        <script type="text/javascript">
            /*
             Global对象中的属性和方法,调用时可以省略:Global.
             */
            println("123" + 4);//1234
            //字符串输出
            println(parseInt("123") + 4);//127
            //数值相加输出
            //注意,parseInt()这个方法和Java不同的地方:
            //       1)不会抛异常(如果解析不了,它就返回NaN)
            //       2)如果解析串中前面有数字,那么这部分前导数字会被单独解析出来当作整个方法的返回结果。但后面有数字则无法解析
            println(parseInt("aaa123"));//NaN--Not a Number --非法的意思
            println(parseInt("1234aaa"));//1234
            println(parseInt("12345a1a1a123"));//12345
            println("<hr/>");
            //带进制的转换1: 把指定进制的格式串 转换成 十进制的整数 
            //---利用Global中的 parseInt(numString, [radix]) 方法
            var num = parseInt("110", 10);//以十进制来解析
            println(num);//110---输出10进制
            var num = parseInt("110", 2);//以二进制来解析
            println(num);//6---输出10进制
            var num = parseInt("210", 2);//以二进制来解析
            println(num);//NaN---代表非法---解析出错
            var num = parseInt("210", 16);//以16进制来解析
            println(num);//528
            var num = parseInt("0x210", 16);//以16进制来解析
            println(num);//528---和前面一样
            //带进制的转换2:把 十进制的整数 转换成 其它进制的数 
            //---利用Number对象中的  toString([radix]) 方法
            //var num = new Number(528);//和下面一样的            
            var num = 528;
            println(num.toString(2)); //结果就是二进制的数: 1000010000
            println(num.toString(16)); //结果就是16进制的数: 210
        </script>
        <!-- js中的异常处理及自定义异常 -->
        <script type="text/javascript">
        try {
            // fun(1);//没有异常
            fun(0);//有异常(自己抛出的异常)
        } 
        catch (e) {
            println(e);
        }
        finally {
            println("bbbb");//不管有没有异常,都会执行
        }
        function fun(n){
            if (n == 0) {
                throw "exception 0";//相当于java中的手动抛自定义异常
            }
        }
        </script>
        <!--  for-in语句  -->
        <script type="text/javascript">
            /*
             for( 变量名  in 对象 ){
             ...//分别对对象中的元素(属性)进行遍历操作
             }
             */
            //数组对象
            var arr = [1,2,3,56,435,3];
            for( x in arr){//注意,对于数组,这里的x是下标即是0,1,2,3,...
                println( x+":  "+ arr[x] );
            }
            //用for...in语句操作自定义对象---见后面部分的代码演示
        </script>
    </body>
</html>

360浏览器8.1 演示结果: 

image.png

目录
相关文章
|
2月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
2月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
2月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
30 1
JavaScript中对象的数据拷贝
|
2月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
3月前
|
Docker 容器
docker中创建自定义网络
【10月更文挑战第7天】
74 6
|
3月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
57 1
|
2月前
|
JavaScript 前端开发 开发者
|
2月前
|
数据采集 JavaScript 前端开发
JavaScript重定向对网络爬虫的影响及处理
JavaScript重定向对网络爬虫的影响及处理
|
3月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
58 0
|
3月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
45 0