《JavaScript高级程序设计》读书笔记--（3）引用类型

浏览数：19 / 时间：2015年06月08日

ECMAScript从技术来说是一门面向对象的语言，但不具备传统的面向对象语言所支持的类和接口等基本结构。虽然引用类型与类看起来类似，但是他们并不是相同的概念。引用类型有时也被成为对象定义，因为它描述的是一类对象所具有的属性和方法。

Object类型

创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数；另一种是使用对象字面量表示法。也就是说new Object()等价于{}，示例代码如下所示：

//使用new操作符后跟Object()方式
var person=new Object();
person.name=‘binghuojxj‘;
person.age=29;
//使用对象字面量方法
var car={
    name:‘BMW‘,
    Num:4
        };
//访问对象的属性也可以使用方括号表示法
alert(‘person.age=‘+person["age"]+‘\r\n‘+‘car.name=‘+car["name"]);

输出结果如下所示：

Array类型

ECMAScript中的数组与其它多数语言的的数组有着相当大的不同。具体特点如下：

数组是数据的有序列表但是数组每一项可以保存任何类型的数据；
数组的大小是可以动态调整的。

创建数组的方式有两种：使用Array构造函数和数组字面量表示法。示例代码如下所示：

//直接使用Array构造函数，传递数组元素个数参数
var colors=new Array(4);
//直接使用Array构造函数，传递数组元素
var nums=new Array(‘34‘);
//直接使用Array构造函数，可以不加new操作符
var names=Array(‘jxj‘,‘wsc‘,‘my‘);
//使用数组字面量表示法
var types=[‘Number‘,‘String‘,‘Undefined‘,‘Null‘,‘Object‘,‘Boolean‘];

ECMAScript数组提供了表现像栈一样（是一种后进先出的数据结构，简称为LIFO），对应的方法分别是push()方法和pop()方法。push()方法可以接受任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度；而pop()方法则从数组末尾移除最后一项，减少数组的length值，返回被移除的项。与栈对应的数据结构是队列（队列在末端添加数据，从前端删除数据），实现操作的方法是push()方法和shift()方法。push()方法同上，shift()方法则从数组开始移除第一项，减少数组的length值，返回被移除的项。示例代码如下所示：

var names=[‘jxj‘,‘lhy‘,‘my‘];
//通过push方法向数组末尾添加一项
var currentLength=names.push(‘mht‘);
alert(‘当前数组长度：‘+currentLength);
//通过pop方法向删除数组末尾一项
var delVal=names.pop();
alert(‘当前数组元素：‘+names+‘被删除元素‘+delVal);
//通过shift方法删除数组第一项
delVal=names.shift();
alert(‘当前数组元素：‘+names+‘被删除元素‘+delVal);
//通过unshift方法在开始添加任意项并返回修改数组的长度
currentLength=names.unshift(‘lrp‘,‘zy‘);
alert(‘当前数组长度：‘+currentLength);
alert(names);

数组操作中经常要用到定义某一元素在数组中的位置，这对应两个位置的方法：indexOf()和lastindexOf()。其中indexOf()方法从数组的开始位置（位置0）开始向后查找，而lastIndexOf()方法从数组的末尾开始向前查找。要查找的项必须符合全等的条件（===），若没有找到符合的项目方法均返回-1。示例代码如下所示：

var numbers=[1,2,3,4,5,4,3,2,1,0];
//测试indexof方法
alert(numbers.indexOf(3));
//测试lastindexof方法
alert(numbers.lastIndexOf(3));
//测试元素不存在的情况
alert(numbers.indexOf(7));

Date类型

下面是创建Date对象的4种方式，如下代码所示：

var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

若要显示当前日期，使用“2014-09-03 15:12:24”格式，对应的代码如下：

function CurentTime()
    { 
        var now = new Date();
        var year = now.getFullYear();      //年
        var month = now.getMonth() + 1;     //月
        var day = now.getDate();            //日
        var hh = now.getHours();            //时
        var mm = now.getMinutes();          //分
        var second=now.getSeconds()         //秒
       
        var clock = year + "-";
        if(month < 10)
            clock += "0";
        clock += month + "-";
        if(day < 10)
            clock += "0";
        clock += day + " ";
        if(hh < 10)
            clock += "0"; 
        clock += hh + ":";
        if (mm < 10) clock += ‘0‘; 
        clock += mm+":";
        if (second < 10) clock += ‘0‘; 
        clock += second;
        return clock; 
    }