javascript面向对象 代码详解(一)

//创建一个对象
var  box = new Object();
//添加属性
box.name = "li";
box.age = 27;
//添加方法
box.run = function()
{
	//this 表示当前作用域下的对象
	//this 表示new Object()实例化出来的那个对象
	//this 要放在一个作用域下，比如box.run(),
	//这个是box作用域下的方法，方可用this来表示box本身
	return this.name + this.age + "运行中...";
};
//打印对象 显示[object Object]
alert(box);
//打印属性
alert(box.name);
//打印方法
alert(box.run());

//显示[object Window]
//表示window
alert(this);

//这样创建两个对象大部分都是相同的
var  box = new Object();

box.name = "li";
box.age = 27;
box.run = function()
{
	return this.name + this.age + "运行中...";
};

var box2 = new Object();
box2.name = "jack";
box2.age = 299;
box2.run = function()
{
	return this.name + this.age  + "运行中...";
}

alert(box.run());
alert(box2.run());

//只new一个object 把该box赋值给box2
//box2 和 box 的引用地址相同
//此时修改box2的属性，box也跟着修改
//box和box2内容相同
var  box = new Object();

box.name = "li";
box.age = 27;
box.run = function()
{
	return this.name + this.age + "运行中...";
};

var box2 = box;
box2.name = "jack";
box2.age = 299;
box2.run = function()
{
	return this.name + this.age  + "运行中...";
}

alert(box.run());
alert(box2.run());

//为了解决多个类似对象声明问题，
//我们使用一种叫做工厂模式的方法
//这种方法是为了解决实例化对象产生大量重复问题
//创建一个集中实例化函数

//工厂模式
function createObject(name,age)
{
	var obj = new Object;
	obj.name = name;
	obj.age = age;
	
	obj.run= function()
	{
		return this.name + this.age + "运行中...";
	}
	
	return obj;
}

var box1 = createObject("li",100);
var box2 = createObject("jack",200);

alert(box1.run());

alert(box2.run());

//工厂模式
function createObject(name,age)
{
	var obj = new Object;
	obj.name = name;
	obj.age = age;
	
	obj.run= function()
	{
		return this.name + this.age + "运行中...";
	}
	
	return obj;
}

function createObject2(name,age)
{
	var obj = new Object;
	obj.name = name;
	obj.age = age;
	
	obj.run= function()
	{
		return this.name + this.age + "运行中...";
	}
	
	return obj;
}

//创建第一个对象
var box1 = createObject("Lee",100);
//创建第二个对象
var box2 = createObject("Jack",200);
//创建第三个对象
var box3 = createObject2("kkk",500);

//工厂模式无法解决对象识别问题

//打印object
alert(typeof box1);
//打印object
alert(typeof box2);

//分不清
//都打印true
alert(box1 instanceof Object);
alert(box2 instanceof Object);
alert(box3 instanceof Object);

//不管怎样，他们都是Object类型，
//就无法区分，谁到底是谁的对象