JAVASCRIPT 用法概要

JAVASCRIPT 用法概要

1. 基本语法

变量的声明	var
变量的规范	区分大小写
			第一个字符必须是字母、下划线（_）或者美元符号（$）
			其他字符可以是字母、下划线、美元符或数字
			匈牙利命名风格,第一个字母代表类型
					整数i Integer 比如：iItemCount
					布尔值b Boolean 比如：bIsComplete
					字符串s String 比如：sUserName
变量的类型
			number 数字类型
			string 字符串类型
			boolean 布尔类型 true 或 false
			undefined undefined类型，变量声明未初始化，它的值就是undefined
			null null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null
			object
				数组(列表)
				字典
函数
		定义
			function 函数名称(参数){}
				函数体在大括号{}中即可
		执行
			函数名称()
		特性
			JS的函数具备预解析特性
			预解析会将函数的定义放到代码的最上方
			函数调用的代码可以写在定义函数的代码上方
			变量的也具备预解析
				var num = 100
					var num;
						预解析会将这行代码会放在最上方
					num = 100;
条件分支
		if(条件){}
		==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)
			三等号 值相同,地址也相同
		if(条件1){
		}else if(条件2){
		}else{
		}
获取HTML中的元素：document.getElementById("元素的id")，在需要获取的元素被加载完成之后才能getElementById，将script标签写在标签下方，或者入口函数中：
				window.onload = function(){}
操作HTML元素的属性
		html的属性和js里面属性写法一样
			id
			style
			value
			src
			href
			...
		“class” 属性写成 “className”
		“style” 属性里面的属性，有横杠的改成驼峰式
			“font-size”，改成”style.fontSize”
		innerHTML
			可以读取或者写入标签包裹的内容
事件
	元素.onclick
	元素.onmouseenter
	元素.onmouseleave
	元素.onchange
	window.onload
	......

2. 循环

基本结构
		for(var i=0;i<循环次数;i++){
    		......
		}
			i++代表的含义是i+=1

3. 数组

概念
	可以认为是Python中的列表,Python中列表是一种数据类型,JS中数组是一个对象
数组的定义
		var aList = new Array(1,2,3)
		var aList = [1,2,3]
数组常见方法
	获取数组的长度:数组变量.length
				var aList = [1,2,3,4];
				alert(aList.length); // 弹出4
	下标索引
				var aList = [1,2,3,4];
				alert(aList[0]); // 弹出1
	join() 将数组成员通过一个分隔符合并成字符串
				var aList = [1,2,3,4];
				alert(aList.join('-')); // 弹出 1-2-3-4
			python中:
					temp_list = ["a","b","c"]
					new_str = "-".join(temp_list)
	push() 从数组最后增加成员
				var aList = [1,2,3,4];
				aList.push(5);
				alert(aList);//弹出1,2,3,4,5
			python中
					列表.insert(2,"zhaoliu") 索引为2的地方增加一条zhaoliu的元素
					列表.append("zhaoliu") 在列表的末尾增加一个zhaoliu的元素
					列表.extend(列表2)  将列表2的数据追加在列表中
	pop() 从数组最后删除成员
				var aList = [1,2,3,4];
				aList.pop();
				alert(aList); // 弹出1,2,3
			python中
					列表.pop() 删除最后一条
					列表.pop(2) 删除指定位置
					列表.remove("lisi") 删除数据lisi第一次出现的元素
					列表.clear() 清空列表
					del 列表[2] 删除列表索引为2的元素
	splice() 在数组中增加或删除成员
					var aList = [1,2,3,4];
					aList.splice(2,1);// aList此时的值为1,2,4

var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4
		reverse() 将数组反转
			var aList = [1,2,3,4];
aList.reverse();
alert(aList);  // 弹出4,3,2,1
				python中
					列表.sort() 升序
					列表.sort(reverse=True) 降序
					列表.reverse()  倒序
					切片
						temp_list = ["a","b","c"]
new_list = temp_list[::-1]
		indexOf() 返回数组中元素第一次出现的索引值
			python中
				列表.index("zhangsan") 没找到会报错
				find("")
					是字符串中的方法,不是列表中方法

4. 字符串

字符串合并操作：“ + ”
数字和字符串也能相加
	parseInt() 将数字字符串转化为整数
	parseFloat() 将数字字符串转化为小数
	split() 把一个字符串分隔成字符串组成的数组
	indexOf() 查找字符串是否含有某字符
	substring() 截取字符串 用法： substring(start,end)（不包括end）
		类似于python中字符串的切片
	字符串反转
		var str = 'asdfj12jlsdkf098';
		var str2 = str.split('').reverse().join('');
		alert(str2);

5. 定时器

定时器的方法
	setTimeout 只执行一次的定时器 
	clearTimeout 关闭只执行一次的定时器
	setInterval 反复执行的定时器
	clearInterval 关闭反复执行的定时器

6. 封闭函数

避免命名冲突
		(function(){
    alert('hello!');
})();
		!function(){
    alert('hello!');
}()
		~function(){
    alert('hello!');
}()