zoukankan      html  css  js  c++  java
  • 《JavaScript 高级程序设计》学习总结五(3)

    引言:前面两节我对 Object 与数组Array 及其方法进行了总结,篇幅很长,总结完后我感觉还是要多开几节来对第五章进行分节总结,不然排版的知识点看着的确是有些混乱。

         总结的学习的确是很痛苦并快乐的,痛苦在于知识点真的很多,总结起来很累,如何选取精简的内容,怎么排版都是考虑之中。而快乐之处在于,总结知识点往往能让我静下来重新看待这些问题,然后温故而知新。总之,学习的道路是没有捷径的。这期间我也意识到,以前我以为看完一本书就是目标,往往那时候一本书看完自己是学不到什么的,如今恍然大悟,其实,我们学习的出发点不是看完一本书或者是看书,而是从书本里学习到知识,那才是我们看书的目的。

    Date类型:

      ECMAScript 中的Date 类型是在早起的 java .util.Dtae类型上构建的,所以 Date类型也是用“国际协调时间”,1970年1月1日 开始经过的毫秒数来保存日期。

    创建Date对象:var now =new Date();

     在调用 Date 构造函数而不传参的情况下,新创建的对象自动获得当前时间,如果想要获得指定时间,必须传递毫秒数(从1970年1月1日 开始计算的毫秒数),这样的方法十分麻烦。所以为了简化这一过程,ECMAScript 创建了两个方法:Date.parse( ) 和 Date.UTC( )。

      Date.parse() 接收一个表示日期的字符串参数,然后根据这个参数返回相应的毫秒数。ECMA-262 没有定义 这个函数需要哪种固定的日期格式,所以这个方法的结果会因实际情况而异。

    如果传入的参数字符串不能表示时间,则会返回NaN。 但是我们在 Date构造函数传递时间参数,那么在回台也会自动调用 Date.parse()。

    例如: var now= new Date("2018/8/8"); 

       Date.UTC(): 方法同样也返回表示日期的毫秒数,但是它与Date.parse() 构建值时使用不同的信息,Date.UTC () 的参数分别是年份,基于0的月份(一月是0 ,二月是1 以此类推)。月份是 1——31,小时是 1——23.秒以毫秒数。在这些参数中只有年数和月份是必须的。如果没有设定天数则假设天数为1 。其他参数省略的话,则默认为 0 。

    举个例子:var now=new Date(Date.UTC(2018,0,1));   //Mon Jan 01 2018 08:00:00 GMT+0800  可以看到 0 是1月。

    PS:ECMAScript 5 添加了Date.now():方法,返回调用这个方法时的日期和时间的毫秒数。所以我们可以在某段代码开始时调用这个函数。结束时有调用这个函数,然后二者相减就可以得出函数运行时间了。支持这个方法的函数有 IE9+、Firefox 3+、Safari3+、Opera10.5、和Chrome。

    而不支持的浏览器可以用:var start =+new Date(); (使用+ 操作符转成字符串来操作。)

    Date类型的继承的方法:

    与其他类型一样,Date类型也重写了 toLocaleString()、toString()、和valueOf() 方法。但这些方法返回的值与其他类型不同。 Date类型的 toLocaleString()会按照与浏览器设置地区相适应的格式返回日期时间。

    而其 toString() 则通常返回带有时区信息的日期和时间。(我个人理解:其实说那么多,toLocalseString() 不就是我们前面说过的根据环境返回值么)

    至于 valueOf() 则不返回字符串,而是返回日期的毫秒数,例如:

    var now=new Date(Date.UTC(2018,1,1));
    alert(now.valueOf());// 1517443200000

     日期的格式化方法:

    Date类型还有一些专门用来将日期格式化的方法:

    1、toDateString()——以特定格式显示时间(星期、月、日、年)。

    2、toTimeString()——以特定格式显示时间(时、分、秒和时区)。

    3、toLocaleString()——以特定时区显示时间(星期、月、日、年)。

    4、toLocalseTIme()——以特定时区显示时间(时、分、秒)。

    5、toUTCString()——以特定格式显示UTC时间。

    非常让人值得吐槽的是这些方法的输出也和浏览器而异。所以显示的内容会因为浏览器不同而不一样。

    日期 / 时间组件方法:

    到目前为止,剩下还未介绍的 Date 类型的方法(如下表所示) ,都是直接取得和设置日期值中特
    定部分的方法了。 需要注意的是, UTC 日期指的是在没有时区偏差的情况下 (将日期转换为 GMT 时间)
    的日期值。

    方 法  说 明
    getTime()
    返回表示日期的毫秒数;与 valueOf() 方法返回的值相同


    setTime( 毫秒 )  以毫秒数设置日期,会改变整个日期


    getFullYear()
    取得4位数的年份(如2007而非仅07)


    getUTCFullYear()返回UTC日期的4位数年份

    setFullYear( 年 )  设置日期的年份。传入的年份值必须是4位数字(如2007而非仅07)


    setUTCFullYear( 年 )  设置UTC日期的年份。传入的年份值必须是4位数字(如2007而非仅07)


    getMonth()
    返回日期中的月份,其中0表示一月,11表示十二月


    getUTCMonth()
    返回UTC日期中的月份,其中0表示一月,11表示十二月


    setMonth( 月 )  设置日期的月份。传入的月份值必须大于0,超过11则增加年份


    setUTCMonth( 月 )  设置UTC日期的月份。传入的月份值必须大于0,超过11则增加年份


    getDate()
    返回日期月份中的天数(1到31)


    getUTCDate()
    返回UTC日期月份中的天数(1到31)


    setDate( 日 )  设置日期月份中的天数。如果传入的值超过了该月中应有的天数,则增加月份


    setUTCDate( 日 )  设置UTC日期月份中的天数。如果传入的值超过了该月中应有的天数,则增加月份


    getDay()
    返回日期中星期的星期几(其中0表示星期日,6表示星期六)


    getUTCDay()
    返回UTC日期中星期的星期几(其中0表示星期日,6表示星期六)


    getHours()
    返回日期中的小时数(0到23)


    getUTCHours()
    返回UTC日期中的小时数(0到23)


    setHours( 时 )  设置日期中的小时数。传入的值超过了23则增加月份中的天数


    setUTCHours( 时 )  设置UTC日期中的小时数。传入的值超过了23则增加月份中的天数


    getMinutes()
    返回日期中的分钟数(0到59)


    getUTCMinutes()
    返回UTC日期中的分钟数(0到59)


    setMinutes( 分 )  设置日期中的分钟数。传入的值超过59则增加小时数

    setUTCMinutes( 分 )  设置UTC日期中的分钟数。传入的值超过59则增加小时数


    getSeconds()
    返回日期中的秒数(0到59)


    getUTCSeconds()
    返回UTC日期中的秒数(0到59)


    setSeconds( 秒 )  设置日期中的秒数。传入的值超过了59会增加分钟数


    setUTCSeconds( 秒 )  设置UTC日期中的秒数。传入的值超过了59会增加分钟数


    getMilliseconds()
    返回日期中的毫秒数


    getUTCMilliseconds()
    返回UTC日期中的毫秒数


    setMilliseconds( 毫秒 )  设置日期中的毫秒数

    setUTCMilliseconds( 毫秒 )  设置UTC日期中的毫秒数

    getTimezoneOffset() 返回本地时间与UTC时间相差的分钟数。例如,美国东部标准时间返回300。在某 地进入夏令时的情况下,这个值会有所变化

    -------------------------------------------------------------------------------------------------本章节完---------------------------------------------------------------------------------------------

    这一章节着重总结了 引用类型中Date 类型的属性方法。

    下章节预告:正则表达式,与 function 类型。 

  • 相关阅读:
    js代码编写规范
    mysql数据库的水平拆分与垂直拆分
    git使用WebHook实现自动构建
    解决php
    laravel为模型中所有查询统一添加WHERE条件
    centos7+ 安装 php7.2
    nginx配置https
    git常用命令
    php如何应对秒杀抢购高并发思路
    nginx配置优化+负载均衡+动静分离详解
  • 原文地址:https://www.cnblogs.com/wxhhts/p/9436246.html
Copyright © 2011-2022 走看看