04 js的变量以及变量的运算-js文件的引入

js的变量声明和数据类型

1.js中所有的变量都是用var来声明

• js中的变量名是区分大小写的
• js中的字符串可以使用双引号和单引号
• js不会报错的，所以要仔细排除哪里写错了，尤其是中英文标点问题
• js中可以声名同名变量，后面的会将前面的值覆盖

2.js中变量的数据类型

• number型
• String型
• boolean型 true为1 false为0可以用来进行运算
• null ：它实际上是object型，用来赋值给变量声明其应该用来专门接受对象
• object型
• undefined型 ：没有赋值的变量默认为undefined型
• 判断类型的方法typeof() 括号可以不写

注意：

null:把null看做java中的默认值，如0,0.0f，""等等。可以调用不会报错
undefined:把undifined看做java中null，调用这样的值会报错：NaN

JS变量的运算

• 算术运算符：+-*/%
• boolean型 true为1 false为0可以用来进行运算
• 对于字符串来说+也是字符串连接符，可以用来连接：
• 逻辑运算符 ：& && | || !
• 关系运算符：！= >= <= 与java一致
• 自增运算符：++ -- += -= /= *= 都与java一致
• 等值运算符==
• 等同运算符===

详细请看下面代码：

 <script type="text/javascript">
			//算术运算符
			//var a = 1;
			// var b = 2;
			// var c = false;
			// var d = "你好";
			// var e = "4";
			// // alert(a+b);
			// // alert(1/c);//1/0结果是infinity
			// alert(a+d);
			// alert(a+e);//字符串拼接
			// alert(a+b+e);//在没遇到字符串之前正常运算，遇到字符串则拼接
			
			//逻辑运算符 ：！
			// var a = 12;//非0即为true
			// var b = '你好';
			// var c = false;
			// var d = new Date();
			// var e;//undefined
			// var f = null;
			// alert(!a);//false
			// alert(!b);//false
			// alert(!c);//true
			// alert(!d);//false
			// alert(!e);//true
			// alert(e+10);//NaN
			// alert(!f);//true
			// alert(f+10);//10
			
			//逻辑运算符：& 作为位运算符就是java中的&运算没有区别
			//但布尔运算时结果为0false和1true
			// var a = 2;
			// var b = 3;
			// alert(a&b);//00000010&00000011=00000010=2
			// var c = true;
			// var d = false;
			// alert(c&d);
			//短路与 &&
			// var a = 22222;
			// var b = 3333;
			// alert(a&&b);//用在两个数字间取后面的值，我也不知道为什么
			// var c = true;
			// var d = false;
			// alert((2>3)&&c);//与java一致
			
			//自增运算符：-= += *= /= 都和java一样
			var a = 12;
			// a += a;
			// alert(a);//24
			a /= 3;
			alert(a);
		 </script>

　　

等值运算符==与等同运算符===

等值运算符==

• 先判断类型，类型不一致则先使用number()强转为number型再进行比较内容

等同运算符===

• 先判断类型，类型不同则false，类型相同再进行比较

其中null==undefined为true

null===undefined为false

<script type="text/javascript">
			//等值运算
			var a = 1;
			var a1 = "1";
			var a2 = "true";
			var a3 = true;
			var a4 = "2";
			
			// alert(a==a1);//true
			// alert(a==a2);//false
			// alert(a==a3);//true
			// alert(a==a4);//false
			// alert(a1==a2);//false
			
			//等同运算
			// alert(a===a1);//false
			// alert(a===a2);//false
			// alert(a===a3);//false
			// alert(a===a4);//false
			// alert(a===1);//true
			
			//null与undefined
			alert(null==undefined);//true
			alert(null===undefined);//false
		</script>

　　

js文件的引入

<script type="text/javascript" src="my.js"></script>