JavaScript的引用与输出，运算符

前端学习经验（10）

JavaScript

JS的引入方式：

一、内嵌式：在html页面head标签或body标签（推荐）插入script标签。

					<script>
						js代码
					</script>

二、外联式：在外部创建一个后缀名为js的文件xxx.js，再将其引入到html中。

JS的输出方式：

一、网页输出

					 <script>
					 	document.write("输出内容");
					 </script>

二、控制台输出

				  	 <script>
					 	console.log("输出内容");
					 </script>

三、弹窗输出

					 <script>
					 	alert("输出内容");
					 </script>

JS中的标识符命名规则：
①使用驼峰命名法
②不能使用中文（服务器不能识别）
③ 名称一般由数字 字母 _ $ 组成
④不能以数字开头
⑤命名最好是具有语义化(耳熟能详) — 英文单词
⑥不能使用关键字和保留字命名

如：

	var  LiYunLong = 李云龙;

数据类型：
①Number（数字类型）：整数，小数（浮点数），NAN：不明确的数字
②String（字符串类型）：用" "起来的内容，中文
③Boolean（布尔类型）：true（正确，是），false（错误，否）
④Undefined（未定义类型）：定义变量，不给变量赋值，默认值就为undefined
⑤Null（空类型）： 定义了对象，没有给对象赋值，默认值就是null

查看数据类型的方法：

	typeof	数据

如：
	var i = 123;
	console.log(i,typeof i); 

数据类型的转换：
（1）parseInt() : 将其他类型转为整数
①只有首字符是数字的字符串，才能得到具体值，其他的字符串都得到NaN
②除了字符串的其他类型转换后都得到NaN

（2） parseFloat() : 将其他类型转为小数
①只有首字符是数字的字符串，才能得到具体值，其他的字符串都得到NaN
②除了字符串的其他类型转换后都得到NaN
③如果小数后面的值是有效值，转换后就保留，否则就删除

（3）Number(): 将其他类型转为数字
①只能纯数字构成字符串才能得到具体值，其他的字符串都得到NaN

（4）Boolean(): 将其他类型转为布尔类型
①除了0 “” ‘’ undefined NaN null 得到fasle ， 其他的都是true

（5）String(): 将其他类型转为字符串类型

运算符：

		1.运算符
		 	1.1　算术运算符： +   -   *   /  %   ++   --
	        1.2　比较运算符：==   !=    >   >=   <   <=   ===(全等于)    !==(不全等于)
	        1.4　逻辑运算符：&&（与）    ||（或）    ! (非)
	        1.5　字符串运算符：+
	        1.6　赋值运算符： =   +=   -=   *=    /=    %=

		
		2.算术运算符			 
	        % ：取余数(取模) ： 除不尽剩下的整数
	        ++ ： 自增1
            前置++ ： ++a
            后置++ ： a++
	            注意执行过程：
            前置++ ： ++a  --- 先自增后运算 --- 先进行自增1，再参与其他运算
            后置++ ： a++  --- 先运算后自增 --- 先进行其他运算， 后自增1

		
		3.比较运算符：==   !=    >   >=   <   <=   ===(全等于)    !==(不全等于)
	        ==  : 比较大小, 不比较类型
	        !=  : 跟==的结果相等相反
	        ===(全等于) :  比较大小, 又比较类型
	        !==(不全等于) : 跟===的结果相等相反
	       
	        注意：得到的结果都是Boolean

		
		4.逻辑运算符
  			(并且) a&&b : 只有当a和b同时为真，a&&b为真（true），否则就为假（false）
   			(或者) a||b : 只要a或者b有一个为真，a||b 为真，否则就为假
    	    (取反)   !a : 如果a为真，!a就为假，否则就为真


		5.字符串运算符：两个数相加，如果其中有一个为字符串，此时+就不是加法运算+，而是连接符号,结果的类型为字符串类型
		
		如：				100px + 200px = 100px200px


		6.赋值运算符： =   +=   -=   *=    /=    %=	
	        = ： 等号右边的值赋给等号左边的变量
	        += ： a += b ===> a = a + b;