当前位置: 首页 > news >正文

JavaScript概述二(Date+正则表达式+Math+函数+面向对象)

1.Date

1.1 new一个Date对象表示当前系统时间

var now=new Date();
console.log(now);

1.2 根据传入的时间格式表示时间

var date1=new Date('2023-4-20 00:16:40');
console.log(date1);

1.3  传入时间毫秒数,返回从1900年1月1日8时(东八区)X分X秒的时间

var date2=new Date(351234);//表示时间毫秒数
console.log(date2);

1.4 获得从1900年1月1日0时0分0秒到现在的时间毫秒数

var date=new Date();
var seconds=date.getTime();
console.log(seconds);

1.5 获得当前的年月日时分秒,星期几

var year=new Date().getFullYear();//年
var month=(new Date().getMonth())+1;//月
var day=new Date().getDate();//日
var week=new Date().getDay();//星期几
var hour=new Date().getHours();//小时
var minute=new Date().getMinutes();//分钟
var second=new Date().getSeconds();//秒
console.log(year+"年"+month+"月"+day+"日  "+hour+":"+minute+":"+second+" 星期"+week);

注意:getMonth()返回的是0-11,表示1-12月。

2.正则表达式-RegExp(此对象是JS的内置对象)

正则表达式可以用来检验输入数据的合法性。

2.1 正则表达式的定义格式

格式一:var reg=/^正则表达式$/;^表示开头,$表示结尾
eg:var reg=/^\d{3,6}$/;格式二:var reg1=new RegExp(正则表达式);
			var reg=new RegExp('world');console.log(reg.test('world'));

2.2 正则表达式的匹配模式

i:不区分大小写(例如输入验证码的时候) 。

m:表示多行匹配。

g:表示全局匹配。

var reg=/^\d{3,6}$/g;var reg1=new RegExp('world',g);

3. Math 

方法介绍案例
Math.round( )四舍五入
Math.round(25.5) 返回 26 Math.round(-25.5) 返回 -25
Math.ceil( )向上取整
Math.ceil(25.5) 返回 26 Math.ceil(-25.5) 返回 -25
Math.floor( )向下取整
Math.floor(25.5) 返回 25 Math.floor(-25.5) 返回 -26
Math.random( )返回0-1之间的随机数
100*Math.random();// [0-99] 之间的所有数 , 包含小数

4 函数

分为系统内置函数(alert()警告,confirm()确认,prompt()输入……)和自定义的函数。

4.1 语法

 格式一:function 函数名(参数,有则写,无则空){ 函数业务……}

//返回类型是根据需求,如果声明了return,那么函数的返回值就是对应return的值
//如果没有声明return,就没有返回值
访问函数:函数名();

格式二:var 变量名=函数名(参数,有则写,无则空){ 函数业务……}

//如果函数没有显示声明返回值,返回的是 'undefined'
		<script type="text/javascript">function f1(){console.log(123);}var num=f1();console.log(num);</script>

 

格式三:var 函数名=function(参数,有则写,无则空){ 函数业务……}

var mytest=function(){
console.log('王大锤');
//location.href="https://www.baidu.com";跳转
}<input type="button" value="点我一下" onclick="mytest()" />

 注意: eval() 系统函数:计算某个字符串,执行其中的js代码

		var str="window.alert(1)";console.log(str);eval(str);

5.面向对象

5.1 创建对象

5.1.1 基于Object对象的方式创建

		var obj=new Object();//添加属性obj.name="德华";obj.age=26;//添加方法obj.show=function (){console.log(this.name);console.log(this.age);}obj.show();//调用方法

5.1.2 构造器创建对象的方式

function 对象名(参数1,参数2,,,){
this.属性1=参数1;
this.属性2=参数2;
....
this.函数1=function(){}
this.函数2=function(){}
}
function GirlFriend(name,age){this.name=name;this.age=age;this.show=function(){alert(this.name+this.age);}
}
//访问
var gf=new GirlFriend("Alice",20);
gf.show()

 

5.1.3 使用JSON格式创建对象

var 对象名={属性名1:属性值1,属性名2:属性值2,
......}

注意:属性值(value)是通过属性名(key)来获取的 

var gf={name:'迪丽热巴',age:26,show:function(msg){alert(this.name+msg);}}
//访问属性或方法:通过key值获取value值
gf.show("和我嘿嘿嘿");

 

 

 

 

 

 

http://www.lryc.cn/news/62167.html

相关文章:

  • 一个朋友弄来的,太牛了,特别是后面内容,不看不知道,一看吓一跳,电话,热线
  • VGA协议实践
  • 毕业5年的同学突然告诉我,他已经是年薪30W的自动化测试工程师....
  • 操作系统原理 —— 进程有哪几种状态?状态之间如何切换?(七)
  • 可算是熬出头了,测试4年,费时8个月,入职阿里,涨薪14K
  • 5款十分小众的软件,知道的人不多但却很好用
  • Linux驱动开发:uboot启动流程详解
  • 分治与减治算法实验: 排序中减治法的程序设计
  • leetcode两数、三数、四数之和
  • 使用Docker部署wikitten个人知识库
  • 【MYSQL】Java的JDBC编程(idea连接数据库)
  • 机器学习——主成分分析法(PCA)概念公式及应用python实现
  • 手写axios源码系列二:创建axios函数对象
  • HTB-Time
  • 零基础C/C++开发到底要学什么?
  • OpenStack中的CPU与内存超分详解
  • main.m文件解析--@autoreleasepool和UIApplicationMain
  • C语言复习之顺序表(十五)
  • 学系统集成项目管理工程师(中项)系列10_立项管理
  • 电视盒子哪个好?数码小编盘点2023电视盒子排行榜
  • flink动态表的概念详解
  • ArcGIS Pro用户界面
  • HDCTF 2023 Pwn WriteUp
  • 【 Spring 事务 】
  • 【刷题之路】LeetCode 203. 移除链表元素
  • 关于Open Shift(OKD) 中 用户认证、权限管理、SCC 管理的一些笔记
  • 活动文章测试(勿删)
  • Windows下 批量重命名文件【bat实现】
  • 从 Milvus 2.2 到 2.2.6,我们是如何持续稳定升级的
  • 自学python有推荐的么