Javascript - Prototype Based Language 博客分类： javascript prototypeJavaScriptPythonOOApple

Javascript - Prototype Based Language

作者：heroboy

　　最近看了一下firefox中javascript的实现，虽然源代码看不大懂，但对javascript本身有了进一步的认识。javascript是一门通用的脚本语言，它并不仅仅用在web上，而是作为嵌入的脚本语言使用的。不过我看到js除了在web上并没有很广泛的应用（和lua,python等比较的话），不知道为什么。

Prototype Based VS Class Based

　　javascript和c++/Java等一样，是面向对象的语言，不同之处在于c++/Java是class based OO language，而javascript是prototype based OO language。
　　在class based OO language中严格区分类和实例（或者说对象）；而javascript中只有对象（这点和python也是不同的，在python中Class虽然是一个对象，但是python还是有类Class这个概念的，然后通过这个类创建实例的）。

Runtime Member

　　在C++/Java中，由于类是静态的（再编译的时候决定的），所以一个对象有哪些成员函数、成员变量是固定的，不能在运行的时候改变。而在Javascript中，一个对象可以在运行时添加和删除它的成员，你可以这么写：

var Mary = new Object;
Mary.age=10;
Mary.eat=function (food) {/*吃东西*/};

其实Javascript的成员有点类似于Lua 中的成员或者c++中的关联容器，例如下面的c++代码：

void eat(void * food)
{
	/*吃东西*/
}
map<string,void*> Mary;
Mary["age"]=(void*)new int(10);
Mary["eat"]=(void*)eat;

当然上面的代码纯粹乱写，因为c++的变量有类型的，所以只能用void*来代替。
p.s. 实际上在Javascript中，你可以这么访问成员：

Mary["age"]=10; 
var str="write";
document[str]("hello");

Function As Constructor

在Javascript中刚刚创建的Object是没有任何成员的，可以使用一个构造函数来初始化新建的对象。

function Person(name,age)
{
	this.name=name;
	this.age=age;
	this.eat=function (food)//成员函数其实不应该这么写,下面会说明的.
	{
		document.write(this.name+"吃了"+food+"<br>");
	}
}
var Mary=new Person("Mary",10); 
var Tom =new Person("Tom",11); 
Mary.eat("apple");

new操作作了2件事：
1.新建一个Object 。
2.把这个Object作为this调用构造函数（new后面的参数）。

Function Is Also Object

　　在Javascript中函数也是一个Object，只不过是一个内建的Object，只不过它的构造函数Javascript本身已经提供，而且可以用特殊的语法来创建Function Object。

function add(x,y)
{
	return(x + y);//Perform addition and return results.
}
var add = new Function("x", "y", "return(x+y)");

　　上面两种语法创建add都是一样的，同样你一样可以写add.age=10;，类似于Function还有Array,String,Number等内建的对象。这些内建的对象都有一些特殊的成员，使得它们有的能相加（String,Number,Array等），有的能调用(Function)，等等。当然Javascript本身不能重载运算符的。
　　现在可以知道上面Person函数中有什么问题了吧！每次新建一个Person的时候都会新建一个Function Object，而eat方法应该是所有Person都共享的，这就要用过prototype来解决。

What''s Prototype

　　任何对象都有一个Prototype,Prototype是另一个对象。当访问一个对象的成员的时候，如果这个对象不存在这个成员，那么Javascript会到它的Prototype对象上去找，找不到再到Prototype的Prototype（Prototype也是一个对象所以它也有Prototype）上去找，如此重复，直到不存在Prototype为止（这是特例，你是写不出代码让你的对象的Prototype不存在的）。
　　那么如何设定一个对象的Prototype呢？每个Function Object都有一个prototype属性，不过这不是这个函数的Prototype，而是当这个函数作为构造函数的时候，它把prototype属性作为新建对象的Prototype。（请注意上面我写的prototype和Prototype的区别，包括下面要写的）
　　所以，只要给Person这个函数的prototype属性增加eat方法，就可以在Mary和Tom*享这个eat了（可以测试一下Mary.eat==Tom.eat）。上面的代码只要改成：

function Person(name,age)
{
	this.name=name;
	this.age=age;
}
var Mary=new Person("Mary",10);//创建Mary
Person.prototype.eat=function (food)//修改Prototype
			{
			document.write(this.name+"吃了"+food+"<br>");
			}
var Tom =new Person("Tom",11);//创建Tom
Tom.eat("banana");
Mary.eat("apple");//即使Mary先创建，eat方法是后添加的。

或者：

var ClassPerson = new Object;
ClassPerson.eat=function (food){document.write(this.name+"吃了"+food+"<br>");}
function Person(name,age)
{
	this.name=name;
	this.age=age;
}
var Mary=new Person("Mary",10);//创建Mary，Mary的Prototype是默认的（默认的是Object）
Person.prototype=ClassPerson;//改变Prototype
var Tom =new Person("Tom",11);//创建Tom，Tom的Prototype才是ClassPerson.
Tom.eat("banana");
//Mary.eat("apple");//不可以，这时Mary的Prototype和Tom的Prototype不是同一个了。

通过Prototype可以在对象之间共享方法和属性，通过设置一层一层的Prototype可以实现继承，不过不能多重继承。