首页 > 编程 > HTML > 正文

用法:在HTML文件中加入以下代码

2020-03-24 16:05:37
字体:
来源:转载
供稿:网友
最近看了一下firefox中javascript的实现,虽然源代码看不大懂,但对javascript本身有了进一步的认识。javascript是一门通用的脚本语言,它并不仅仅用在web上,而是作为嵌入的脚本语言使用的。不过我看到js除了在web上并没有很广泛的应用(和lua,python等比较的话),不知道为什么。Prototype Based VS Class Based
javascript和c++/Java等一样,是html' target='_blank'>面向对象的语言,不同之处在于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);//创建MaryPerson.prototype.eat=function (food)//修改Prototype{document.write(this.name+"吃了"+food+" br }var Tom =new Person("Tom",11);//创建TomTom.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;//改变Prototypevar Tom =new Person("Tom",11);//创建Tom,Tom的Prototype才是ClassPerson.Tom.eat("banana");//Mary.eat("apple");//不可以,这时Mary的Prototype和Tom的Prototype不是同一个了。通过Prototype可以在对象之间共享方法和属性,通过设置一层一层的Prototype可以实现继承,不过不能多重继承 本文作者:更多编程语言

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表