JavaScript基础一图流附文字

文字

1.概念：一门客户端脚本语言
	运行在客户端浏览器中，每一个浏览器都有JS的解析引擎
	脚本语言：不需要编译，直接被浏览器解析执行
2.功能：
	增强用户和html页面的交互过程，可以控制html元素，让页面有一些动态的效果，增强用户的体验
3.发展史：
	1.1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为：C - -，后来更名为ScriptEase
	2.1995年，Netscape（网景）公司，开发了一门客户端脚本语言：LiveScript。后来请来了SUN公司的专家，修改LiveScript，命名为JavaScript
	3.1996年，Microsoft（微软）抄袭JavaScript开发出JScript语言
	4.1997年，ECMA（欧洲计算机制造商协会）ECMAScript，就是所有客户端脚本语言的标准
	JavaScript = ECMAScript + JavaScript自己特有的东西（BOM+DOM）
4.ECMAScript：客户端脚本语言的标准
	1.基本语法：
		1.与html的结合方式
			1.内部JS
				定义<script>，标签体内容就是JS代码
			2.外部JS
				定义<script>，通过src属性引入外部的js文件
			注意：
				1.<script>可以定义在html的任何地方。但是定义的位置会影响执行顺序
				2.<script>可以定义多个
		2.注释
			1.单行注释：//……
			2.多行注释：/*……*/
		3.数据类型
			1.原始数据类型（基本数据类型）
				1.number：数字。整数/小数/NaN（not a number 一个不是数字的数字类型）
				2.string：字符串。
				3.boolean：布尔类型。true/false
				4.null：一个对象为空的占位符。
				5.undefined：未定义。如果一个变量没有初始化赋值，则默认赋值为undifined
			2.引用数据类型（对象）
		4.变量
			概念：一小块存储数据的内存空间
			JAVA语言是强类型语言，JavaScript是弱类型语言
				强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
				弱类型：在开辟变量存储空间时，不定义空间将来存储的数据的数据类型。可以存储任意类型的数据
			语法：
				var 变量名 = 初始化值；
		5.运算符
			1.一元运算符：只有一个运算数的运算符
				++，- -，+(正号)，-(负号)
				注意：在JS中，如果运算数不是运算符所要求的类型，那么JS引擎会自动的将运算数进行类型转换
					其他类型转number：
						string转number：按照字面值转换。如果字面值不是数字，那么转为NaN（不是数字的数字）
						boolean转number：true转为1，false转为0
			2.算术运算符：
				+，-，*，/，%……
			3.赋值运算符：
				=，+=，- =……
			4.比较运算符：
				>，<，>=，<=，==，===(全等于)
				比较方式：
					1.类型相同：直接比较
						字符串：按照字典顺序比较
					2.类型不同：先进行类型转换，再比较
						===(全等于)。在比较之前先判断类型，如果类型不同，直接返回false
			5.逻辑运算符：
				&&，||，!
				短路与，短路或，非
					其他类型转bolean
						1.number：0或NaN为假，其他为真
						2.string：除了空字符串为假，其他为真
						3.null&undefined：都是false
						4.对象：都是true
			6.三元运算符：
				？ ：
		6.流程控制语句：
			1.if…else…
			2.swith
				在Java中，switch语句可以接受的数据类型：byte，short，int，char，枚举（1.5），String（1.7）
					switch（变量）
						case 值1：
				在JS中，switch语句可以接受任意的原始数据类型
			3.while
			4.do…while
			5.for
		7.JS特殊语法：
			1.语句以分号结尾，若一行只有一条语句，则分号可以省略
			2.变量的定义使用var关键字，也可以不使用
				用：定义的变量是局部变量
				不用：定义的变量是全局变量(不建议)
	2.基本对象：
		Function：函数（方法）对象
			1.创建：
				1.var fun = new Function(形式参数列表,方法体);
				2.function 方法名称(形参列表){
					方法体;
				}
				3.var 方法名 = function(形参列表){
					方法体;
				}
			2.方法：
			3.属性：
				length：代表形参的个数
			4.特点：
				1.方法定义时，形参的类型不用写，返回值类型也不用写
				2.方法是一个对象，如果定义名称相同的两个方法，后一个会覆盖前一个
				3.方法的调用只与方法名称有关，和参数列表无关
				4.在方法声明中有一个隐藏的内置对象（数组），arguments,用来封装所有的实际参数
			5.调用：
				方法名称(实参列表);
		Array：数组对象
			1.创建：
				1.var arr = new Array(元素列表);
				2.var arr = new Array(默认长度);
				3.var arr = [元素列表];
			2.方法：
				join(参数)：把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
				push()：向数组的末尾添加一个或更多元素，并返回新的长度。
			3.属性：
				length：数组长度
			4.特点：
				1.JS中，数组元素类型可变
				2.JS中，数组长度可变
		Boolean
		Date：日期对象
			1.创建：
				var myDate = new Date();
			2.方法：
				toLocaleString()：根据本地时间格式，把 Date 对象转换为字符串
				getTime()：返回 1970 年 1 月 1 日至今的毫秒数
		Math：数学对象
			1.特点：Math对象不用创建，直接使用。Math.方法名();
			2.方法：
				random()：返回 0 ~ 1 之间的随机数。含0不含1
				ceil(x)：对数进行上舍入
				floor(x)：对数进行下舍入
				round(x)：把数四舍五入为最接近的整数
			3.属性：
				PI
		Number
		String
		RegExp：正则表达式对象
			1.正则表达式：（定义字符串的组成规则）
				1.单个字符：[]
					如：[a],[ab],[a-zA-Z0-9_]
					\d：单个数字字符
					\w：单个单词字符
				2.量词符号：
					?：表示出现0次或1次
					*：表示出现0次或多次
					+：表示出现1次或多次
					{m,n}：表示出现m-n次
						m如果缺省：{,n}：最多n次
						n如果缺省：{m,}：最少m次
				3.开始结束符号
					^：开始
					$：结束
			2.正则对象：
				1.创建：
					1.var reg = new RegExp("正则表达式");
					2.var reg = /正则表达式/;
				2.方法：
					test(参数)：验证指定字符串是否符合正则表达式，返回boolean
		Global：
			1.特点：全局对象，这个Global对象封装的方法不需要对象就可以直接调用。方法名();
			2.方法：
				encodeURI()：把字符串编码为 URI
				decodeURI()：解码某个编码的 URI
				encodeURIComponent()：把字符串编码为 URI 组件
				decodeURIComponent()：解码一个编码的 URI 组件
					区别：下边的编码字符更广
				parseInt()：解析一个字符串并返回一个整数
					按位判断每一个字符是否是数字，直到这个字符非数字时，结束判断，并将之前的数字转为number
				isNaN()：检查某个值是否是数字
					NaN参与的比较全部为false
				eval()：计算 JavaScript 字符串，并把它作为脚本代码来执行
			3.URL编码