前端——JavaScript(二)

JavaScript函数

函数定义
	function 函数名(形参){
			函数体  ;
			return 返回值 ; 
	}
	return 可以没有
	
函数调用: 
	函数名(实参)

匿名函数
定义: var 变量名 = function(参数){函数体}
调用: 变量名(参数)

直接调用函数
(function(形参){函数体}).(实参)

函数参数

获取函数中接收的所有参数——arguments

function f(a){ 
	console.log(arguments) 
}
f(1,2,3,4,5,6,7)
//Arguments { 0: 1, 1: 2, 2: 3, 3: 4, 4: 5, 5: 6, 6: 7, … }

function f2(a){ 	
		//	循环遍历
		for (var i = 0; i < arguments.length; i++){
			console.log(arguments[i])
		}
	}
f2(1,2,3,4,5,6)
//1 2 3 4 5 6

变量作用域

	//示例一:
	var name= "张三";
	function show() {
	  console.log(name);
	}
	function other() {
	  var name= "lisi";
	  return show;
	}
	var ret = other();
	ret();  //结果为"张三"
	
	//示例二:
	var age = 18;
	function shows(){
	  console.log(age);
	  var age = 20; //AO.age 开辟了一个变量空间,值为undefined
	  console.log(age);
	}
	shows();//undefined  22
	/*当函数调用的前一瞬间，会先形成一个激活对象：Avtive Object（AO）
	1:函数参数，将此参数赋值给AO，且值为undefined。如果没有参数，则不做任何操作。
	2:函数局部变量，此变量赋值给AO，并且值为undefined。
	3:函数声明，将AO上的对象覆盖。如果没有，则不做任何操作
	*/

内置对象

Date对象
	var d = new Date() //无参数的时间对象,获取当前时间对象
	console.log(d)//Date Fri Mar 13 2099 20:27:55 GMT+0800 (中国标准时间)——object类型
	console.log(d.toLocaleString());转为字符串格式的本地时间——string类型
	//2099/9/19 下午11:05:02
	方法:
		getDate()                 获取日
		getDay ()                 获取星期
		getMonth ()               获取月（0-11）
		getFullYear ()            获取完整年份
		getHours ()               获取小时
		getMinutes ()             获取分钟
		getSeconds ()             获取秒
		getMilliseconds ()        获取毫秒
		getTime ()                返回累计毫秒数(从1970/1/1午夜)

JSON对象
	var str = '{"name": "张三", "age": 23}';
	var dict= {"name": "李四", "age": 24};
	// JSON字符串转换成对象
	var obj = JSON.parse(str); 
	// 对象转换成JSON字符串
	var str = JSON.stringify(dict);

RegExp对象:(正则表达式对象)
	^正则表达式$
	^正则的开始;$正则的结束
	方式一:var reg1 = new RegExp("^[a-zA-Z]{5,11}$");
	// 匹配响应的字符串
	var s1 = "bchfgj";
	var ret = reg1.test(s1);  // true
	
	方式二:var ret = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/.test("bc123")
	注意:
	1.量词{5,11} 不能有空格
	2.test() 不传参数默认传递undefined,undefined会默认为字符串"undefined"
	/^[a-zA-Z]{5,11}$/.test() //true
	/^[0-9]{5,11}$/.test() //false
	3.忽略大小写
	/^[a-zA-Z]{5,11}$/i 	忽略大小写
	/^[a-zA-Z]{5,11}$/g 匹配全局,有多少 匹配多少 
	当正则表达式使用了全局模式(g)的时候,
	并且你还让它去检测一个字符串,此时会引出来一个lastIndex
	 lastIndex会记住上一次匹配成功的位置,
	 并把下一次要开始椒盐的位置记住
	 var i = /a/g;
	console.log(i.test("a")) //true
	console.log(i.lastIndex) //1
	console.log(i.test("a")) //false
	console.log(i.test("a")) //true
	console.log(i.test("a")) //false

Math对象
	abs(x)      返回数的绝对值。
	exp(x)      返回 e 的指数。
	floor(x)    对数进行下舍入。
	log(x)      返回数的自然对数（底为e）。
	max(x,y)    返回 x 和 y 中的最高值。
	min(x,y)    返回 x 和 y 中的最低值。
	pow(x,y)    返回 x 的 y 次幂。
	random()    返回 0 ~ 1 之间的随机数。
	round(x)    把数四舍五入为最接近的整数
Array对象:
	var arr = new Array(1,2,3);
	console.log(arr[2])
自定义对象
	var person = {
		  name: "张三",
		  age : "23",
		  id  : 001,
		  toString : function() {
		    return this.name+ " " + this.age+ " " + this.id ;
		  }
	};
	访问对象属性
	person.name
	访问对象方法
	person.toString()