简介：本节博客进行Date对象、Math对象、Global对象和自定义对象的用法演示。首先是一个out.js文件内容（输出到网页中的自定义输出方法）：function println(parma){ document.write(parma+"");}function print(parma){ document.write(parma);}Date 对象启用基本存储器并取得日期和时间。

本节博客进行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 演示结果：

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 演示结果：

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 演示结果：

自定义对象-for-in语句

用js来描述我们自己的对象，如类似java当中的Person类

这个功能很强大的，function中可以定义属性和方法！类似Java中class。

演示代码：

<html>
    <head>
        <title>自定义对象的用法演示</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <script type="text/javascript" src="out.js">
        </script>
        <!-- 用js来描述我们自己的对象，如类似java当中的Person类 -->
        <script type="text/javascript">
            /*  js是基于对象的，如果要描述对象，那么可以用function。因为js中的
             function功能和java中的类(模板) 本质上是差不多的---里面可以添加变量，也可以添加自定义函数
             */
            function Person(){
                //alert("Person的构造方法...");
            }
            var p = new Person();
//给对象添加属性，直接采用“p.属性名=”的形式赋值就行---如果没有则是添加，如果有则是修改
            //※※方式1：在对象外面添加属性和方法
            p.name = "Jack";
            p.age = 23;
//alert(p.name+","+p.age);
            //给对象添加函数
            p.info = function(){//相当于toString()
                return this.name + "," + this.age;
            };
            println("p的信息:" + p.info());
</script>
        <script type="text/javascript">
            var obj = new Object();
//※※方式1：在对象外面添加属性和方法   
            //1给对象添加属性  
            obj.name = "god";
            obj.age = 10000;
//2给对象添加属性
            obj.toString = function(){
                return this.name + "," + this.age;
            }
            println(obj);
</script>
        <!--
        注意：前面用“对象.prototype.属性或函数名=***”的形式，更改的是原型对象
        而本例用 “对象.属性或函数名=***”的形式，更改的是当前对象(原型对象的克隆体)
        -->
        <script type="text/javascript">
            //js自定义对象的构造器+属性+方法
            function Person(name, age){
                //※※方式2：在函数对象里面添加属性和方法
                this.name = name;
this.age = age;
this.toString = function(){
                    return this.name + "," + this.age;
                };
this.setName = function(name){
                    this.name = name;
                };
this.getName = function(){
                    return this.name;
                };
            }
var p2 = new Person("Tom", 22);
            println("p2.name=" + p2.name + ", p2.age=" + p2.age);
            println("p2= " + p2);
            p2.setName("Rose");
            println("p2=" + p2);
            println("p2.getName=" + p2.getName());
</script>
        <script type="text/javascript">
            println("<hr/>");
//用for...in语句操作自定义对象
             for( var x in p2){//x是函数中的成员变量与成员方法的名称
                println("x="+x+"-----"+p2[x]);// p2[x]就是valeOf(x)
             }
        </script>
    </body>
</html>

360浏览器8.1 演示结果：

文章标签：

关键词：

2月前

开发框架前端开发JavaScript

在Vue&Element前端项目中，使用FastReport + pdf.js生成并展示自定义报表

广州爱奇迪-伍华聪

18711

番茄酱脑袋

1月前

存储前端开发JavaScript

javascript 异常问题之为自定义异常提供丰富的上下文信息如何实现

番茄酱脑袋

3500

皮牙子抓饭

1月前

机器学习/深度学习JavaScript前端开发

JavaScript拟合Math

【8月更文挑战第20天】

皮牙子抓饭

2945

疯狂的猿

1月前

前端开发程序员

HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)

一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢，今天这篇博客就分享下前端代码如何实现HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)。赶紧学会了，来制作属于我们程序员的浪漫吧！

疯狂的猿

4500

HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)

热爱技术的小郑

1月前

JavaScript前端开发

JavaScript基础&实战（5）js中的数组、forEach遍历、Date对象、Math、String对象

这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类（String、Number、Boolean），并详细讲解了数组的创建、方法（如forEach、push、pop、unshift、slice、splice）和遍历操作，以及工厂方法创建对象和原型对象的概念。

热爱技术的小郑

5600

JavaScript基础&实战（5）js中的数组、forEach遍历、Date对象、Math、String对象

土木林森

27天前

前端开发微服务API

微服务浪潮下的JSF革新：如何在分散式架构中构建统一而强大的Web界面

【8月更文挑战第31天】随着微服务架构的兴起，企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用，通过RESTful服务实现前后端分离，提升灵活性和适应性。

土木林森

4400

萝卜丝丸子

2月前

JavaScriptNoSQLServerless

函数计算产品使用问题之如何创建一个自定义运行时并指定Node.js版本

阿里云Serverless 应用引擎（SAE）提供了完整的微服务应用生命周期管理能力，包括应用部署、服务治理、开发运维、资源管理等功能，并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景，帮助企业快速构建、部署、运维和扩展微服务架构，实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述，包括应用管理、服务治理、开发运维、资源管理等方面。

萝卜丝丸子

7088

请看我回答~

1月前

JavaScriptPHP开发者

PHP中的异常处理与自定义错误处理器构建高效Web应用：Node.js与Express框架实战指南

【8月更文挑战第27天】在PHP编程世界中，异常处理和错误管理是代码健壮性的关键。本文将深入探讨PHP的异常处理机制，并指导你如何创建自定义错误处理器，以便优雅地管理运行时错误。我们将一起学习如何使用try-catch块捕获异常，以及如何通过set_error_handler函数定制错误响应。准备好让你的代码变得更加可靠，同时提供更友好的错误信息给最终用户。

请看我回答~

6200

广州爱奇迪-伍华聪

2月前

开发框架前端开发JavaScript

循序渐进BootstrapVue，开发公司门户网站（2）--- 使用wow.js动画组件以及自定义的CSS样式处理动态效果

广州爱奇迪-伍华聪

3500

八百标兵奔北坡

3月前

JavaScript

Vue.js中实现自定义组件的双向绑定