JavaScript【二】2022.3.21第四周

小亓同学

已于 2022-05-10 17:40:20 修改

阅读量683

点赞数

分类专栏：学习笔记JS 文章标签： javascript

于 2022-03-21 23:19:21 首次发布

本文链接：https://blog.csdn.net/m0_63564657/article/details/123647852

版权

学习笔记JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

布尔类型Boolean

<script>
		//布尔型Boolean
		//布尔型和数字型相加的时候，true为1，false为0
		console.log(true+1);//2
		console.log(false+1);//1
		
		//Undefined和Null
		//一个声明后没有被赋值的变量会有一个默认值undefined
		var variable;
		console.log(variable); // undefined 
		console.log('你好'+variable+'同学'); // 你好undefined
		console.log(11 + variable); // NaN 
		console.log(true +variable); // NaN 
		//一个声明变量给null值，里面存的值为空
		var vari = null;
		console.log('你好'+vari);//你好null
		console.log(11+vari);//11
		console.log(true+vari); //1
		
		</script>

编译型语言：代码执行前进行编译，生成中间代码

解释型语言：在运行时进行及时解释，并立即执行

获取变量数据类型 typeof

字面量
       数字字面量：8，9，10
       字符串字面量:'hello'
       布尔字面量：true，false

数据类型转换

转换为字符串

.toString()

String(...)【强制转换】

加号拼接字符串【隐式转换】

转换为数字型

转换为浮点数字型 parseFloat(...)

转换为函数 Number(...)

整数数值型（向下取整） parseInt(...)

隐式转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		//获取变量数据类型  typeof
		var num = 18;
		console.log(typeof num);//结果number
		//不同类型返回值 String Number Boolean Undefined Null
		
		//字面量
		//数字字面量：8，9，10
		//字符串字面量:'hello'
		//布尔字面量：true，false
		
		//数据类型转换！！！！
		//转换为字符串
		//toString() 转成字符串
		var num=1;
		alert(num.toString());
		//String()强制转换
		var num=1;
		alert(String(num));
		//加号拼接字符串（隐式转换）
		var num=1;
		alert(num+"我是字符串");
		
		//转换为数字型！！！
		
		//转换为浮点数字型
		 var age1=prompt('请输入你的年龄：');
		 console.log(parseFloat(age1));
		
		//转换为函数
		 var age2=prompt('请输入你的年龄：');
		 console.log(Number(age2));
		
		//转换为整数数值型（向下取整）
		 var age3=prompt('请输入你的年龄：');
		 console.log(parseInt(age3));
		
		//隐式转换
		 var string='123';
		 console.log(string-0);
		 console.log(string-'120');
		
		
		var year=prompt('请输入你的出生年份:');
		var age=2022-parseInt(year);
		alert('你的年龄是：'+age);
		</script>
	</head>
	<body>
	</body>
</html>

转换为布尔类型
代表空、否定的值会被转换为false，如 ' '、0NaN、null 、undefined
其余值都会被转换为true

<script>
		// 转换为布尔类型！！！
		
		/* 代表空、否定的值会被转换为false，如 " 、0NaN、null 、undefined 
		其余值都会被转换为true */
		console.log(Boolean(''));// faLse 
		console.log(Boolean(0));// false 
		console.log(Boolean(NaN));// false 
		console.log(Boolean(null));// false
		console.log(Boolean(undefined));// false 
		console.log(Boolean('小白'));// true 
		console.log(Boolean(12));// true
		</script>

算数运算符

不能直接拿着浮点数来进行比较是否相等

表达式：是由数字，运算符，变量等组成的式子
表达式最终都会有一个结果，返回给开发者，称为返回值

递增递减运算符（前递增/减，后递增/减）

++a 先加1，再返回值

a++ 先返回值，再加1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		//算数运算符
		// + 加   - 减   * 乘  / 除   % 取余数（取模）
		//浮点数的运算  
		//浮点数值的最高精度是17位小数，但在进行算数计算时其精确度远远不如整数
		console.log(0.1+0.2);//结果不是0.3
		var num=0.1+0.2;
		console.log(num==0.3);
		//我们不能直接拿着浮点数来进行比较是否相等
		
		//表达式：是由数字，运算符，变量等组成的式子
		//表达式最终都会有一个结果，返回给开发者，称为返回值
		
		//1.实现变量自己加1
		var num=10;
		num=num+1;
		//2.前置递增运算符
		var num=15;
		++num;//num=num+1;
		console.log(num);
		//先加1，然后返回值
		var p=10;
		console.log(++p+10);
		console.log(p);
		//4.后置递增
		var num=15;
		num++;//num=num+1;
		console.log(num);
		
		var p=10;
		console.log(p++ +10);//先返回原值，再自加1
		console.log(p);
		
		var a=2;
		++a;
		var b=++a+2;
		console.log(b);//6
		var c=10;
		c++;
		var d=c++ +2;
		console.log(d);//13 c=12
		var e=10;
		var f=e++ + ++e;
		console.log(f);//22
		</script>
	</head>
	<body>
	</body>
</html>