Js基础进阶（二）——引用类型

你好，朋友。
欢迎进入JS基础引导——引用类型
引用类型是一种数据结构，用于将数据和功能组织在一起。

Object类型

我们看到的大多数类型都是object类型的实例。他不具备太多的功能，但是对于数据的存储和传输非常方便。他和 java 之中的类非常的相似。
定义方法有两种：
如下：

	var person = new object();
	person.name = "Jack";
	person.age = 20;
	以上是第一种定义方式，先 new object（）创建，任何再用点（.）来添加内容。

第二种方法：

	var person = {
		name:"Jack",
		age: 20;
	}
	以上是第二种方式，直接进行了赋值。（如果想要添加新的属性，可以用第一种方法的点（.）来进行操作）

虽然两种过方法都可以，但是开发人员更倾向于第二种方法（对象字面量），因为这样写的代码少而且给人封装的感觉。（看起来高大上，而且非常好用）
如下：

	 function displayInfo(args){
	 	var output = "";
	 	if(args.name){
			output += 'my name is' + args.name;
		}	
		if(args.age){
			output += ',my ages is' + args.age;	
		}
		alert(output)
	 }

	 displayInfo({
		name: "Jack",
		age: 20
	 });

	displayInfo({
		name: "Tom",
	 });

	 上面这个例子，函数displayInfo函数接受一个args的参数。
	 如果args有name属性，则执行第一个 if 语句。
	 如果args有age属性，则执行第二个 if 语句。
	 最后，会进行弹窗。

上面很清楚的显示出了 object 的属性，便于人们解读和修改。这也是我们程序员喜欢用对象字面量方法的主要原因——方便。

Array类型

出object之外，Array类型恐怕是最常用的引用类型了。
Array类型是数组类型。有时候，会出现一串信息来记忆，比如女生的口红色号，超级多。我们总不能有几个色号就定义几个变量呀。这时就需要我们的Array类型了。

创建数组的基本方式也是有两种。和object方法基本大同小异。
如下：

	var colors = new Array();			//这是第一种方法
	如果预先知道数组要保存的项目数量，可以直接传递该数量。比如：
	var colors = new Array(20);
	也可以直接传递数组之中的项。比如：
	var colors = new Array('red','blue','green');	//这是数组字面量方法
	另外，也可以省略 new 操作符。比如：
	var colors = Array(20);
	一定要注意的是：
	var values = [1,2,];	//这样会创建一个包含两项或者三项的数组，有歧义，可能出现bug
	在使用的时候，可以通过	ArrayName.length（）方法来判断，比如：
	alert(colors.length);	
	需要使用的数组之中某个项的话，通过如下调用：
	colors[3];		//获取到了colors数组的第四项。

需要注意的是，Array的排序是从0开始的，即colors[0]代表的是第一项。

有时候我们需要检测一下获取到的数据是不是数组，这时可以通过 instanceof 方法，但是有弊端（具体弊端，当网页有多个框架时会出现问题。两个框架会有不同的数组）

不要怕，JS提供了 Array.isArray()方法，使用方法如下：

		if（Array.isArray(value)）{
			//对数组进行的操作
		}

Date类型

js之中的Date类型是在早期的java.util.Date类基础上构建的。所以两者有很多共同的地方。

要创建一个日期对象，使用 new 操作符和Date构造函数就行，如下：

	var now = new Date();

在调用Date构建函数而不传参的情况下，新创建的对象会自动获取当前的日期和时间。如果想根据特定的日期和时间创建日期对象。必须传入表示该日期的毫秒数。为了简化这一计算过程，Js提供了两个方法：Date.parse() 和 Date().UTC。
使用方法如下：

创建2004年5月25日：
	//使用Date.parse()创建：
		var someDate = new Date(Date.parse("May 25, 2004"));	
	//使用Date().UTC创建：
		var someDate1 = new Date(Date.UTC(2004,4,25));

以上两种方法可以进行简写，将Date.parse()和Date.UTC()省略。
如下：

创建2004年5月25日：
	//使用Date.parse()创建：
		var someDate = new Date("May 25, 2004");	
	//使用Date().UTC创建：
		var someDate1 = new Date(2004,4,25);

RegExp类型（选学）

JS通过RegExp类型来支持正则表达式。使用下面类似 Perl 的语法，就可以创建一个正则表达式。

	var expression = / pattern / flags ;

其中，pattern（模式）部分书写正则表达式。flags（标志）则用以表明正则表达式的行为。

RegExp是有实例方法的
该方法是专门为捕获组而设计的。exec（）接受一个参数。返回的数组是Array的实例，但是包括两个额外的属性：index，input。
index：表示匹配项在字符串中的位置
input：表示应用正则表达式的字符串
实例如下：

	 var text = "mom and dad and baby" ;
	 var pattern = /mom ( and dad ( and baby )?)?/gi;
	
	var matches = pattern.exec(text);
	alert(matches.index);		// 0
	alert(matches.input);		// "mom and dad and baby"
	alert(matches[0]);			// "mom and dad and baby"
	alert(matches[1]);			// "dad and baby"
	alert(matches[2]);			// "and baby"

对于程序员来说，除非你要深入涉及，一般的正则表达式直接找度娘就能解决了，使用这个，了解就好。

Function 类型

没想到吧，我们的函数类型其实也是一个对象。
基本信息不需要多说，既然是对象，就会有相对应的属性和方法。

首先声明一件事：JS的function没有重载！没有重载！！没有重载！！！。如果你定义两个一样名称的方法，后一个会将前一个方法覆盖。

函数内部属性：

1.函数内部，有两个特殊的对象：arguments和this。

arguments属性的主要用途是保存函数参数。（对于初学者来说，并不是太常用。了解即可）
this的主要作用是调用函数本身，从而获取到传进来的参数，以便后期语法操作。
演示如下：

	function(name,id){
		var name = this.name; 	//将传进来的参数赋值给变量name；
		console.log(this.id);	//控制台输出传进来的参数id。
	}

基本包装类型（略）

单体内置对象（略）

后两项因为对于初学者意义不大，暂时不适合接触，所以目前先省略。如果想要了解，博主推荐度娘解答。