脚断系列——JS篇

JavaScript是一种运行在 客户端 的 脚本语言

JavaScript = ECMAScript + DOM + BOM

JavaScript的使用方式

1. 使用script标签

   <script>
   	console.log(“Hello JavaScript!”);
   </script>
   

2. 引入一个js文件

   	<script src="main.js"></script>
   

JavaScript的输出方式

1. alert 警告框
2. confirm 确认框
3. prompt 输入框
4. document.write 网页中写入内容
5. console.log 控制台输出

变量

	var age;
	age = 10;
	var name = "小明";
	console.log(age);
	console.log(name);

命名规范

和JAVA一样

数据类型

简单数据类型：number\string\boolean\undefined\null

number

1. 进制表示

   • 八进制 0开头： var number = 010
   • 十六进制 0x开头： var number = 0x12

2. 数字分整数和浮点数
   小标签：浮点数可能会发生精度丢失

3. 数值取值范围

   • 最小值：Number.MIN_VALUE
   • 最大值：Number.MAX_VALUE
   • 无穷大：Infinity
   • 无穷小：-Infinity

字符串类型
使用" 和 '包裹

字符串长度：length

	var str = 'jdjdk284rfhsha';
	console.log(str.length);

布尔类型

• true
• false

undefined
undefined表示没有赋值的变量

null
null表示值为空

转义字符

\n	换行
\t	制表
\b	空格
\r	回车
\f	进纸
\\ 斜杠
\'	单引号
\"	双引号

操作符

算数运算符
+     -     *     /     %

赋值运算符
=     -     +=     -=     *=     /=     %=

一元运算符
自增运算符：++

• 先自增，+1后返回值：++i
• 先返回值，后自增+1：i++

自减运算符：--

• 先自增，-1后返回值：–i
• 先返回值，后自增-1：i–

逻辑运算符
&&      ||      !

比较运算符
>      <      >=      <=      ==      !=      ===      !==
结果是布尔类型

类型转换

查看变量的类型：typeof

	var num = 10;
	console.log(typeof num);

转换成数值

• Number()

	// Number() 转换成数值类型
	console.log(Number('30'));		// 30
	//字符串中有非数字字符，返回NaN
	console.log(Number('40a'));		// NaN	

• parseInt() 和 parseFloat()

	//parseInt()把整数或者小数都转换成整数
	var num = parseInt("18");
	console.log(num);	// 18
	var num = parseInt("17.9")
	console.log(num);	// 17
	//parseFloat()把整数转化成整数，把小数转化成小数
	var num = parseFloat("18");
	console.log(num);	// 18
	var num = parseFloat("18.5");
	console.log(num);	// 18.5
	
	var num1 = parseInt("12.3abc");
	console.log(num1);	// 12
	var num2 = parseInt("abc123");
	console.log(num2);	// NaN

转换成字符串

• String

  	var num = 123;
  	num = String(num);
  	console.log(num);		
  

• toString

  	var num = 123;
  	console.log(num.toString());		
  

• 拼接成字符串

  	var num = 123;
  	num = num + '';
  	console.log(num);	
  

转换成布尔类型
0      “”      defined      null      NaN 转换成false