分享
 
 
 

Javascript - Prototype Based Language

王朝vc·作者佚名  2006-02-08
窄屏简体版  字體: |||超大  

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可以实现继承,不过不能多重继承。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有