第五次网页前端培训笔记（js）

最新推荐文章于 2024-06-14 11:01:38 发布

cx_zz

最新推荐文章于 2024-06-14 11:01:38 发布

阅读量606

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_61169431/article/details/122830277

版权

一·基本语法

1.标识符

2.变量

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>js基本语法</title>
	</head>
	<body>
		<script type="text/javascript">
			var a;
			a = 1;
			console.log(a);//1
			
			var b;
			b = 2;
			console.log(b);//2
			
			var c;
			console.log(c);//undefined
			
			var aa,bb,cc = 10;
			console.log(a); //undefined
			console.log(bb);//undefined
			console.log(cc);//10
			
			var a;
			console.log(a);//重新声明一个已存在的变量，是无效
			
			var a = 10;
			console.log(a);/*如果重新声明一个已经存在的变量并赋值，则会覆盖之前的*/
			
			var str = "hello world";
			var flag = true;//布尔类型
			console.log(str);
			console.log(flag);
			console.log("true");//打印出来是字符串类型
			
		</script>	
	</body>
</html>

二·数据类型

1.undefined

2.数值型

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js数据类型</title>
	</head>
	<body>
		<script type="text/javascript">
			var aa = null;
			console.log(typeof aa);//返回值不是null而是返回object字符串
			
			console.log(undefined == null);
			var bb;
			var cc = null;
			console.log(bb == cc);//只声明未赋值的变量与值为null的变量相等
			
			console.log(1 == 1.0); //true
			console.log(1 + 1.0); //2
			var num = 8.0; //自动将可以转换为整型的浮点数转换为整型
			console.log(num); //8
			
			var s1 = "hello";
			var s2 = "world";
			console.log(s1,s2); //打印出来为hello world
			console.log(s1+s2); //可以用“+”对字符串进行拼接，此时打印出来为helloworld
			
		</script>
	</body>
</html>

三·类型转换

1.自动类型转换

（1）转字符串：所有的值转字符串都是加引号

（2）转布尔类型：有值为true，无值为false（0，null为false，非0为true）

（3）转数值型：非空的数值型字符串能转换，非数值字符串转换为NaN

2.函数转换

parseInt() 转整数型

parseFloat() 转浮点型

注：转换时会从值的第零个位置开始找有效数字，直到找到无效数字为止，parseFloat在转换时会比parseInt多识别一个小数点，parseInt不会识别小数点。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>类型转换</title>
	</head>
	<body>
		<script type="text/javascript">
			console.log(parseInt("123abc"));//123
			console.log(parseInt("abc123"));//NaN
			console.log(parseInt("123.4abc"));//123
			console.log(parseInt("123"));//123
			console.log("123");//123
			
			console.log(parseFloat("123abc"));//123
			console.log(parseFloat("abc123"));//NaN
			console.log(parseFloat("123.4abc"));//123.4
			console.log(parseFloat("123"));//123
			console.log(parseFloat("123.4.5"));//123.4
			
			var a = 1;
			var b = "2";
			console.log(a+b); //12
			console.log(a + parseInt(b)); //3
			
		</script>
	</body>
</html>

3.显示转换

toString() 将值转换成数字

toFixed() 保留指定小数位，大于5会自动四舍五入

注：值不能为null

            var aa = 10;
			console.log(aa);
			console.log(aa.toString());
			
			var b = 1.345;
			console.log(cc.toFixed());//默认保留一位
			console.log(cc.toFixed(2));//保留两位，大于5会自动四舍五入

js为Number，Boolean，String对象提供了构造方法，用于强制转换其他类型的数据，此时操作的是整个数据，二不是部分

            var q = "1"
			var w = "a"
			var x = "123abc"
			var r = "123.4"
			var t = "123.4.5"
			console.log(Number(q));//1
			console.log(Number(w));//NaN
			console.log(Number(x));//NaN
			console.log(Number(r));//123.4
			console.log(Number(t));//NaN

            console.log(10);
			console.log(String(10));
			console.log(null);
			console.log(String(null));//会变成字符串

cx_zz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第五次网页前端培训笔记（js）

一·基本语法1.标识符2.变量代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>js基本语法</title> </head> <body> <script type="text/javascript"> var a; a = 1; console.l.
复制链接

扫一扫