专注于WEB前端开发,HTML基础知识,CSS基础知识,HTML5和CSS3,Javascript,Jquery,Jquery插件,移动开发,微信开发等技术话题

当前位置:CSSTOP主页 > JS函数 > 正文

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