2020-11-05

记录2020-11-5前端学习脚步
总结：今天学的都知识点都比较容易理解，但是if语句比较需要时间来感悟。

知识点如下：

		/*
		 * 自增 ++
		 * 	 - 通过自增可以使变量在自身的基础上增加1
		 * 	 - 对于一个变量自增以后，原变量的值会立即自增1
		 * 	 - 自增分成两种：后++(a++) 和 前++(++a)	
		 * 		无论是a++ 还是 ++a，都会立即使原变量的值自增1
		 * 			不同的是a++ 和 ++a的值不同
		 * 		a++的值等于原变量的值（自增前的值）
		 * 		++a的值等于新值 （自增后的值）
		 * 
		 * 自减 --
		 * 	- 通过自减可以使变量在自身的基础上减1
		 * 	- 自减分成两种：后--(a--) 和 前--(--a)
		 * 		无论是a-- 还是 --a 都会立即使原变量的值自减1
		 * 			不同的是a-- 和 --a的值不同
		 * 				a-- 是变量的原值 （自减前的值）
		 * 				--a 是变量的新值 （自减以后的值）
		 * 			
		 * 	
		 */
		 例子：
		 			var a = 10
					var b = 20
		
						var n1 = a++
						console.log("a = "+ a) //11
						console.log("a = "+ n1) //10
						n1 = ++a
						console.log("a = "+ n1) //12
						console.log("a = "+ a) //12
						
						 var n2 = b--
						console.log("a = "+ b) //19
						console.log("a = "+ n2) //20
						
						n2 = --b
						console.log("a = "+ n2) //18
						console.log("a = "+ b) //18

	
						
		 * JS中为我们提供了三种逻辑运算符
		 * ! 非
		 * 	- !可以用来对一个值进行非运算
		 * 	- 所谓非运算就是值对一个布尔值进行取反操作，
		 * 		true变false，false变true
		 * 	- 如果对一个值进行两次取反，它不会变化
		 * 	- 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
		 * 		所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值
		 * 		可以为一个任意数据类型取两次反，来将其转换为布尔值，
		 * 		原理和Boolean()函数一样
		 * 
		 * && 与
		 * 	- &&可以对符号两侧的值进行与运算并返回结果
		 * 	- 运算规则
		 * 		- 两个值中只要有一个值为false就返回false，
		 * 			只有两个值都为true时，才会返回true
		 * 		- JS中的“与”属于短路的与，
		 * 			如果第一个值为false，则不会看第二个值
		 * 
		 * || 或
		 * 	- ||可以对符号两侧的值进行或运算并返回结果
		 * 	- 运算规则：
		 * 		- 两个值中只要有一个true，就返回true
		 * 			如果两个值都为false，才返回false
		 *		- JS中的“或”属于短路的或
		 * 			如果第一个值为true，则不会检查第二个值
		 */



		 * =
		 * 	可以将符号右侧的值赋值给符号左侧的变量
		 * += 
		 * 	a += 5 等价于 a = a + 5
		 * -=
		 * 	a -= 5 等价于 a = a - 5
		 * *=
		 * 	a *= 5 等价于 a = a * 5
		 * /=
		 * 	a /= 5 等价于 a = a / 5
		 * %=
		 * 	a %= 5 等价于 a = a % 5
		 * 	
		 */


					/*
		 * 通过关系运算符可以比较两个值之间的大小关系，
		 * 	如果关系成立它会返回true，如果关系不成立则返回false
		 * 
		 * > 大于号
		 * 	- 判断符号左侧的值是否大于右侧的值
		 * 	- 如果关系成立，返回true，如果关系不成立则返回false
		 * 
		 * >= 大于等于
		 * 	- 判断符号左侧的值是否大于或等于右侧的值
		 * 
		 * < 小于号
		 * <= 小于等于
		 * 
		 * 非数值的情况
		 * 	- 对于非数值进行比较时，会将其转换为数字然后在比较
		 * 	- 如果符号两侧的值都是字符串时，不会将其转换为数字进行比较
		 * 		而会分别比较字符串中字符的Unicode编码
		 */
		


					
		/*
		 * 在字符串中使用转义字符输入Unicode编码
		 * 	\u四位编码
		 */
		console.log("\u2620");
	</script>
	
	<!--在网页中使用Unicode编码
		&#编码; 这里的编码需要的是10进制
	-->


				/*
		 * 相等运算符用来比较两个值是否相等，
		 * 	如果相等会返回true，否则返回false
		 * 
		 * 使用 == 来做相等运算
		 * 	- 当使用==来比较两个值时，如果值的类型不同，
		 * 		则会自动进行类型转换，将其转换为相同的类型
		 * 		然后在比较
		 * 不相等
		 * 	 不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false
		 * 	- 使用 != 来做不相等运算
		 * 	- 不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false
		 * 
		 * 		
		 *  ===
		 * 		全等
		 * 		- 用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换
		 * 			如果两个值的类型不同，直接返回false
		 * 	!==
		 * 		不全等
		 * 		- 用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换
		 * 			如果两个值的类型不同，直接返回true
		 */




		 * 条件运算符也叫三元运算符
		 * 	语法：
		 * 		条件表达式?语句1:语句2;
		 * 	- 执行的流程：
		 * 		条件运算符在执行时，首先对条件表达式进行求值，
		 * 			如果该值为true，则执行语句1，并返回执行结果
		 * 			如果该值为false，则执行语句2，并返回执行结果
		 * 		如果条件的表达式的求值结果是一个非布尔值，
		 * 			会将其转换为布尔值然后在运算
		 */
		
		//false?alert("语句1"):alert("语句2");



		 * 我们的程序是由一条一条语句构成的
		 * 	语句是按照自上向下的顺序一条一条执行的
		 * 	在JS中可以使用{}来为语句进行分组,
		 * 		同一个{}中的语句我们称为是一组语句，
		 * 		它们要么都执行，要么都不执行，
		 * 		一个{}中的语句我们也称为叫一个代码块
		 * 		在代码块的后边就不用再编写;了
		 * 
		 * 	JS中的代码块，只具有分组的的作用，没有其他的用途
		 * 		代码块内容的内容，在外部是完全可见的
		 */




					
		/*
		 * 流程控制语句
		 * 	- JS中的程序是从上到下一行一行执行的
		 * 	- 通过流程控制语句可以控制程序执行流程，
		 * 		使程序可以根据一定的条件来选择执行
		 *  - 语句的分类：
		 * 		1.条件判断语句
		 * 		2.条件分支语句
		 * 		3.循环语句
		 * 
		 * 
		 * 条件判断语句：
		 * 	- 使用条件判断语句可以在执行某个语句之前进行判断，
		 * 		如果条件成立才会执行语句，条件不成立则语句不执行。
		 *  - if语句
		 * 	- 语法一：
		 * 		if(条件表达式){
		 * 			语句...
		 * 		}
		 * 			
		 * 		if语句在执行时，会先对条件表达式进行求值判断，
		 * 		如果条件表达式的值为true，则执行if后的语句，
		 * 		如果条件表达式的值为false，则不会执行if后的语句。
		 * 			if语句只能控制紧随其后的那个语句,
		 * 				如果希望if语句可以控制多条语句，
		 * 				可以将这些语句统一放到代码块中
		 * 			if语句后的代码块不是必须的，但是在开发中尽量写上代码块，即使if后只有一条语句
		 * 			
		 */


		 * 	语法二:
		 * 		if(条件表达式){
		 * 			语句...
		 * 		}else{
		 * 			语句...
		 * 		}
		 * 
		 * 	if...else...语句
		 * 		当该语句执行时，会先对if后的条件表达式进行求值判断，
		 * 			如果该值为true，则执行if后的语句
		 * 			如果该值为false，则执行else后的语句
		 * 
		 * 	语法三：
		 * 		if(条件表达式){
		 * 			语句...
		 * 		}else if(条件表达式){
		 * 			语句...
		 * 		}else if(条件表达式){
		 * 			语句...
		 * 		}else{
		 * 			语句...
		 * 		}
		 * 
		 * 		if...else if...else
		 * 			当该语句执行时，会从上到下依次对条件表达式进行求值判断
		 * 			如果值为true，则执行当前语句。
		 * 			如果值为false，则继续向下判断。
		 * 			如果所有的条件都不满足，则执行最后一个else后的语句
		 * 			该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句
		 */


		/*
		 * 	从键盘输入小明的期末成绩:
		 *	当成绩为100时，'奖励一辆BMW'
		 *	当成绩为[80-99]时，'奖励一台iphone15s'
		 *	当成绩为[60-80]时，'奖励一本参考书'
		 *	其他时，什么奖励也没有
		 */
		
		/*
		 * prompt()可以弹出一个提示框，该提示框中会带有一个文本框，
		 * 	用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，
		 * 	该字符串将会作为提示框的提示文字
		 * 
		 * 用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接收该内容
		 */
		var score = prompt("请输入小明的期末成绩:");