js面向对象

时间：2014-07-02 22:41:10 阅读：360 评论：0 收藏：0 [点我收藏+]

js比较特殊,没有类的概念,js中的对象定义为:"无序的属性的集合,其属性可以包含基本值,对象或者函数".js的对象可以直接理解为散列表.

对象的每个属性或者方法都有一个名字,而每个名字都映射到一个值.无非就是一组键值对,其中的值可以是数据或者是函数

每个对象都是基于一个引用类型来创建的,这个引用类型可以是js中的原生类型,也可以是开发人员自定义的类型.

可以这么定义一个对象

 1 var per = {
 2         name:"勒布朗",
 3         age : 29,
 4         job : ‘Software Engineer‘,
 5         sayName : function(){
 6             console.debug(this.name);
 7         },
 8         changeName : function(name){
 9             this.name = name;
10         }
11         
12     };
13     per.sayName();//输出 勒布朗

对象的属性具有其属性特性(可以联想到java中的属性有private,static等特征属性),ECMAScript中有两种属性:数据属性和访问器属性

JavaScript创建对象的几种方式

/**
   工厂模式创建对象
**/
	//工厂模式demo1  使用创建对象 返回对象的方式
	function createPerson(nameStr) {
		var per = new Object();
		per.name = nameStr;
		per.sayName = function (){
			console.debug(this.name);	
		};
		per.toString = function(){
			return this.name;
		}
		return per;
	}
	 
	var p1 = createPerson(‘Tom‘);
	var p2 = createPerson(‘Jack‘);
	p1.sayName();
	p2.sayName();
	 
	var ps = [];
	ps.push(p1);
	ps.push(p2);
	alert(ps);
	console.debug(ps);
	
	//工厂模式生成对象 demo2 使用对象字面量的方式创建对象
	function createDog(nameStr){
		var dog = {
			name : nameStr,
			sayName : function (){
				console.debug(this.name);	
			},
			toString : function(){
				return this.name;
			}
		};
		return dog;
	}
	var d1 = createDog(‘Tom‘);
	var d2 = createDog(‘Jack‘);
	d1.sayName();
	d2.sayName();
	 
	var ps = [];
	ps.push(d1);
	ps.push(d2);
	console.debug(ps);

2.使用构造函数模式创建对象

(1).创建一个对象

(2).将构造函数的作用域给新对象(因此this就指向了这个新对象)

(3).执行构造函数中的代码(为这个新对象添加属性)

(4).返回新对象