关于JS的Date对象的探究
一次代码审核,其中刚好遇见了一些知识点记录顺带整理一下吧
- date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口。
- Date类型使用自UTC1970年1月1日0点开始经过的毫秒数来保存日期,它可以表示的时间范围是1970年1月1日0点前后的各1亿天。
概念性的东西请移步这个博主的文章,写的真好!
https://www.cnblogs.com/xiaohuochai/p/5663102.html
https://www.cnblogs.com/xiaohuochai/p/5663102.html
https://www.cnblogs.com/xiaohuochai/p/5663102.html
下面让我们来看一些函数实例
- 每个Object对象都有 toLocaleString/toString/valueOf 这些方法。
- 像其他对象一样,Date继承了Object并重写了这些方法。
由于 Date.valueOf 直接返回的是是日期的毫秒表示,所以我们可以通过
+new Date()获取
我们我们最好是用 Date.now(ES5新增方法) 而不是 Date.parse
const pre1 = Date.parse(new Date()); // 1517828782000 - 丢失了毫秒的信息
const pre2 = Date.now(new Date()); // 1517828814628
const pre3 = (+ new Date()); // 1517828814628
console.log(pre1, pre2, pre3);
要注意客户端时间和服务端时间的区别(精确的时间还是需要 后端 来做的)
const a = new Date();
这里的 a 最后的值是客户端的时间(注意,不是联网后的当天时间!!!!!!)
我一直蠢蠢地以为这会是 正确的时间。
它将会是本地客户端的时间。意即是说,若我脑残地把自己手机或者电脑时间改了,他就!!!!
关于时间函数的一些深入理解
此版块内容(copy至)源自:想看更多点我
Date对象属性描述(Object这一对象都有的东西)
- constructor:返回创建此对象的Date函数的引用,可用于判断是否是 Date 对象
const test = new Date();
if (test.constructor === Array) {
console.log("test is Array");
};
if (test.constructor === Date) {
console.log("test is Date");
} // 最后打出 test is Date
Object.prototype.toString.call(new Date()) === '[object Date]' // true
- prototype:使我们有能力向对象添加属性和方法
Date.prototype.show = function() {
console.log(this);
}
const a = new Date();
a.show();
需要注意的是这里不要乱用箭头函数哦。箭头函数的this。
Date对象的常用方法摘抄
const now = new Date()
- getYear 注:ES3 之后此方法已经被 弃用
- getDay 获取当前星期X (0-6, 0 代表星期天)
- getFullYear 获取当前年份(4位, 1970-????)
- getMonth 获取当前月份(0-11,0 代表1月)
- getDate 获取当前日(1-31)
- getHours 获取当前小时数(0-23)
- getMinutes 获取当前分钟数(0-59)
- getSeconds 获取当前秒数(0-59)
const a = new Date();
const o = (date) => {
return {
"noYear": date.getYear(), // 118
"year": date.getFullYear(), // 2018
"month": date.getMonth(), // 0(1月)
"date": date.getDate(), // 31
"hour": date.getHours(), // 20
"minutes": date.getMinutes(), // 18
"seconds": date.getSeconds() // 9
}
}
console.log(o(a));
关于一些时间的应用场景
- 1.判断闰年
const isLeapYear = (...needles) => {
for (const obj of needles) {
if ((obj % 4 === 0 && obj % 100 !==0) || obj % 400 === 0) {
console.log(obj + "是闰年");
continue;
}
console.log(obj + "不是闰年");
}
}
isLeapYear(2004, 2000, 500);
complete.
关于JS的Date对象的探究的更多相关文章
- JavaScript基础17——js的Date对象
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JS的Date对象、Math、包装类
Date对象 在JS使用Date对象来表示时间 当前时间 var d = new Date(); 指定时间 格式:月/日/年 时:分:秒 var e = new Date("02/16/ ...
- js实现小时钟,js中Date对象的使用?
介绍一下js中Date对象的使用 dateObj = new Date() dateObj = new Date(dateValue) dateObj = new Date(year,month,da ...
- JS高级面试题思路(装箱和拆箱、栈和堆、js中sort()方法、.js中Date对象中的getMounth() 需要注意的、开发中编码和解码使用场景有哪些)
1.装箱和拆箱: 装箱:把基本数据类型转化为对应的引用数据类型的操作: var num = 123 // num var objNum = new Num(123) // object console ...
- JS中Date对象getYear()方法和getFullYear()方法区别
释义 JavaScript getFullYear() 方法 getFullYear() 方法可返回一个表示年份的 4 位数字. getYear() 语法 dateObject.getFullYear ...
- JS 的Date对象
原文 http://www.cnblogs.com/towerking/p/3220410.html 一.获取Date对象 在JS中我们可以通过下面一段代码获取本地时间 var currentDate ...
- javascript得知 - js的Date对象函数
js的Date功能很强大.通常使用. 首先获得当前的日期: var CurDate = new Date(); var Year = CurDate.getFullYear(); //年份(四位 例: ...
- js日期date对象
js日期 日期对象的一些属性和方法 var date = new Date() date.toString() // "Tue Jan 29 2019 22:58:13 GMT+0800 ( ...
- js中Date()对象详解
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-???? ...
随机推荐
- POJ-1564 dfs
#include"cstring" #include"cstdio" +; int nux[maxn]; int nua[maxn];//解的集合 int t; ...
- ACM学习历程—HDU4415 Assassin’s Creed(贪心)
Problem Description Ezio Auditore is a great master as an assassin. Now he has prowled in the enemie ...
- Cg与RenderMonkey 之旅
http://news.mydrivers.com/1/15/15020_all.htm [前言] 您可能还没有意识到---您手头的这块显卡(或者说这块GPU)---它不仅仅是一个应用工具(游戏.平面 ...
- [转]CSS3 Filter的十种特效
最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果.今天终于抽出时间学习这个CSS3的Filter.不整不知道呀,一整才让我感到吃惊,太强大了.大家先来看个效果吧: 我想光看上面的 ...
- POJ3126Prime Path(BFS)
#include"cstdio" #include"queue" #include"cstring" using namespace std ...
- MongoDB优化之二:常见优化方法
四个方面进行 cpu/io 方面的优化处理: 1.集群架构上进行读写分离.所有查询优先考虑在从库上读取,写操作在主库上执行.避免主库混合读写压力过大,也减少主库上读写记录的锁冲突. connectio ...
- java基础知识(2)---语法基础
二:java语法基础: 1,关键字:其实就是某种语言赋予了特殊含义的单词. 保留字:其实就是还没有赋予特殊含义,但是准备日后要使用过的单词. 2,标示符:其实就是在程序中自定义的名词.比如类名,变量名 ...
- py xrange
range(5)是列表 xrang(5)是生成器 每次调用 xrange(5),返回相应的值,比起range(5) 直接返回一个列表,性能好.
- Python循环-break和continue
break用于完全结束一个循环,跳出循环体,执行循环后面的语句 # -*- coding:utf-8 -*- __author__ = "MuT6 Sch01aR" count = ...
- 问题:HttpWebRequest request post 传参; 结果:好用的C# HttpWebRequest用Post同时提交参数和文件的封装类
在项目中,本来都是在站内进行数据交互的,后来又加进来一个买的php网站(艹).需要进行数据交互,在没有考虑使用web服务的情况下,只有通过Post提交到页面进行数据交互是最好的方式了. 我这边使用的是 ...