以前没有专门的找事间看过js,在项目里用到的也不过就是定义几个function,然后在触发事件的时候调用一下,刚看了一下js中tree实现的时候,被自己雷了一下.
function nodeitem_boxclick() {
alert("click");
//如果没有加号或者减号,直接返回
if( this.status.substring( 1 ,2 ) == "0" )
return ;
//如果是关闭的状态,则打开
if( this.status.substring( 1 ,2 ) == "1" )
this.open() ;
//如果是打开的状态,则关闭
else
this.close() ; } //很明显他调用的是close()发法,但是我ctrl+f了整个js文件没发现这个方法,只有nodeitem_close().于是就开始郁闷了,这么调用方法也行?alert了一下,确实调用到了....惊奇......不经意瞥见这样一段代码:
nodeitem.prototype.close = nodeitem_close ;//google一下.原来:
prototype
解析一:
prototype(原型)
在JavaScript中,prototype对象是实现面向对象的一个重要机制。
每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。
在通过new创建一个类的实例对象的时候,prototype对象的成员都成为实例化对象的成员。
1、该对象被类所引用,只有函数对象才可引用;
2、在new实例化后,其成员被实例化,实例对象方可调用。
同时,函数是一个对象,函数对象若直接声明成员,不用被实例化即可调用。
当编写如下function时,其实就是定义了一个类,该function就是它的构造函数。
function nodeitem( parentkey , key , lable , img ){}
function nodeitem( parentkey , key , lable , img ){}
然后再利用:nodeitem.prototype.close = nodeitem_close ;就相当于把nodeitem_close ()当成了close属性.
以前也看到书上有说js也是面向对象的,今天终于明白它的实现机制了.