您的位置:首页 >综合精选 >

如何调用javascript的方法

跟大家讲解下有关如何调用javascript的方法,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说如何调用javascript的方法,小编也收集到了有关如何调用javascript的方法的相关资料,希望大家看到了会喜欢。

调用javascript的方法:1、方法调用模式,this此时指向myobject;2、函数调用模式,this此时指向window;3、构造器调用模式;4、apply调用模式。

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

调用javascript的方法:

1:方法调用模式

请注意this此时指向myobject。

/*方法调用模式*/ var myobject={ value:0, inc:function(){ alert(this.value) } } myobject.inc()

2:函数调用模式

请注意this此时指向window

/*函数调用模式*/ var add=function(a,b){ alert(this)//this被绑顶到window return a+b; } var sum=add(3,4); alert(sum)

3:构造器调用模式

javascript语言精粹一书建议摒弃这中方式。因为有更好的方式。这里先不介绍。下次发表博文的时候贴出来。

会在这里加一个连接。

/*构造器调用模式 摒弃*/ var quo=function(string){ this.status=string; } quo.prototype.get_status=function(){ return this.status; } var qq=new quo("aaa"); alert(qq.get_status());

4:apply调用模式

==我们可以来看一个更有用的apply实例。看最下面的代码。

/*apply*/ //注意使用了上面的sum函数 //与myobject //这中调用方式的优点在于可以指向this指向的对象。 //apply的第一个参数就是this指针要指向的对象 var arr=[10,20]; var sum=add.apply(myobject,arr); alert(sum);

看这个apply真正应用。bind这是一个绑定时间的函数

var bind=function(object,type,fn){ if(object.attachEvent){//IE浏览器 object.attachEvent("on"+type,(function(){ return function(event){ window.event.cancelBubble=true;//停止时间冒泡 object.attachEvent=[fn.apply(object)];//----这里我要讲的是这里 //在IE里用attachEvent添加一个时间绑定以后。 //this的指向不是到object对象本身所以。我们绑定的function里的this.id是无法正常工作的。 //但是如果我们用fn.apply(object) //这里可以看出我们是把apply的第一个对象也就是this的指向变更给了object所以this.id就变成了 //object.id 可以正常工作了。 } })(object),false); }else if(object.addEventListener){//其他浏览器 object.addEventListener(type,function(event){ event.stopPropagation();//停止时间冒泡 fn.apply(this) }); } } bind(document.getElementById("aaa"),"click",function(){alert(this.id)});

相关免费学习推荐:javascript视频教程

以上就是如何调用javascript的方法的详细内容,更多请关注php中文网其它相关文章!

来源:php中文网

免责声明:本文由用户上传,如有侵权请联系删除!