JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

使用JS对象

对象是 JavaScript 的基础,我们使用 JavaScript 来完成编程工作就是通过使用对象来体现的,这一小节通过一些例子来学习如何使用 JavaScript 对象:对象的声明有三种方式:
  • 通过 new 操作符作用域 Object 对象,构造一个新的对象,然后动态的添加属性,从无到有的构筑一个对象。
  • 定义对象的“类”:原型,然后使用 new 操作符来批量的构筑新的对象。
  • 使用 JSON,这个在下一节来进行详细说明

这一节我们详细说明第二种方式,如:
//定义一个"类",Address
function Address(street, xno){
    this.street = street || 'Huang Quan Road';
    this.xno = xno || 135;
    this.toString = function(){
        return "street : " + this.street + ", No : " + this.xno;
    }
}
//定义另一个"类",Person
function Person (name, age, addr) {
    this.name = name || 'unknown';
    this.age = age;
    this.addr = addr || new Address(null, null);
    this.getName = function () {return this.name;}
    this.getAge = function(){return this.age;}
    this.getAddr = function(){return this.addr.toString();}
}
//通过new操作符来创建两个对象,注意,这两个对象是相互独立的实体
var jack = new Person('jack', 26, new Address('Qing Hai Road', 123));
var abruzzi = new Person('abruzzi', 26);
//查看结果
print(jack.getName());
print(jack.getAge());
print(jack.getAddr());
print(abruzzi.getName());
print(abruzzi.getAge());
print(abruzzi.getAddr());

运行结果如下:
jack
26
street : Qing Hai Road, No : 123
abruzzi
26
street : Huang Quan Road, No : 135