（2）javaScript学习（调试、三种输出方式、匿名函数、void、定时器、string对象、正则表达式、Array数组、Math对象、Date对象）

最新推荐文章于 2024-11-08 16:09:18 发布

书文的学习记录本

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量195

点赞数

分类专栏：前后端学习文章标签： javascript

本文链接：https://blog.csdn.net/qq_43935969/article/details/104540652

版权

前后端学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

（一）调试

调试：谷歌浏览器，F12，source==>代码，双击设置断点，刷新页面，复制想要查看的信息，去console里面查看即可

下断点方法二：在想设置断点的上方，加一句debugger，然后往下走一步就好

因为直接输出的是object，类型，所以，调试可以知道具体情况

（二）三种输出方式

document.write() ==> 写入到html中
alert() ==> 弹出一个窗口，警告
console.log() ==> 写入到控制台中

（三）特殊的函数

（1）匿名函数

没有名字的函数，可以直接赋值给一个变量（相当于这个匿名函数的方法名）

var test = function(){
	document.write("hello,world!");
}

使用注意：调用这个函数，test()

直接调用test，输出如下，将代码给输出了

（2）定时器

两个方法：

1.setTimeout（）：用于在指定的毫秒数后调用函数或计算表达式，只执行 code 一次

2.setInterval（）：按照指定的周期（以毫秒计）来调用函数或计算表达式。

方法一：

var clock = setTimeout(function(){
	alert("who am i ");
},3000)

方法二：

var clock = setInterval(function(){
	document.write("who am i ");
},3000)

（3）void函数

void是一个操作符：该操作符指定要计算一个表达式但是不返回值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			
			function str(){
				document.write("who am i ");
			}
			
			
		</script>
	</head>
	<body>
			<a href="JavaScript:void(0)">点击1</a>
			<a href="JavaScript:void(str())">点击2</a>
			<a href="#">点击3</a>
	</body>
</html>

JavaScripts:void(0) 相当于一个死链接，没有什么作用。会防止链接跳转到其他页面，安全操作。
JavaScripts:void(函数()) 会执行函数的方法
# 实现了死链接，作为一个锚点，页面的顶端，点击一下，再次浏览一下当前页面，使这个链接出现已经访问过的状态。

（四）String对象

创建 String 对象的语法：

new String(s);//它返回一个新创建的 String 对象，存放的是字符串 s 或 s 的字符串表示。
String(s);//它只把 s 转换成原始的字符串，并返回转换后的值。

属性length：字符串的长度
charAt(int index) ：返回在指定位置的字符
indexOf(String str) ：字符串第一次出现的位置【从0开始计算】
substring(start,end) ：截取字符串【左闭右包】
substr(start, length)
replace(old, new) ：替换字符串

（五）正则表达式

var reg = new RegExp(/\d{5}/);//创建正则表达式的对象,"\d":是否是整数;"{5}":是否至少有5个
var str = "sdaf1232345";
var flag = reg.test(str);//对象.test()方法
alert(flag);

（六）Array数组

四种创建方式：

//创建空的数组
var array = new Array();
var array1 = [];
			
//创建有值的数组
var array2 = new Array(7,9);
var array3 = [7,9];

alert（array2）

遍历：for循环

方法：

合并多个数组：concat（数组1，数组2.。。）
删除数组的最后一个元素：pop（）
在数组的末尾添加新的元素：push（元素）
用数组的元素组成字符串= join(“连接字符串的符号，默认‘，’”)
截取数组：slice【跟substring差不多，左闭右包】
插入、删除、替换数组元素：splice【对原数组进行修改，而且不能赋给其他数组，没有用】

var arr = [1,2,3,4,5];
alert(arr);
			
arr.splice(2,0,'0');//第二位是0表示插入
alert(arr);
			
arr.splice(2,2);//只有两个参数，且第二位>0表示删除
alert(arr);
			
arr.splice(2,2,7,9);//多于两个参数，第二位参数>0，表示替换，后面的参数拿过来替换之前的部分
alert(arr);

（七）Math对象

abs(x) 返回数的绝对值。
pow(x,y) 返回 x 的 y 次幂。
random() 返回 0 ~ 1 之间的随机数。
max(x,y) 返回 x 和 y 中的最高值。
min(x,y) 返回 x 和 y 中的最低值。
ceil(x) 进行向上舍入，即向上取整（除法）
floor(x) 向下取整
round(x) 四舍五入

使用：Math.方法()

（八）Date对象

Var date = new Date();//创建Date对象，来获取当前时间

格式化，调用方法

toDateString() 把 Date 对象的日期部分转换为字符串。

toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。

toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。

toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。

var date = new Date();
			
document.write("date: "+date.toString()+"<br/>");
document.write("date.toDateString(): "+date.toDateString()+"<br/>");
document.write("date.toLocaleDateString(): "+date.toLocaleDateString()+"<br/>");
document.write("date.toLocaleTimeString(): "+date.toLocaleTimeString()+"<br/>");
document.write("date.toLocaleString(): "+date.toLocaleString()+"<br/>");

效果：