跟大家讲解下有关如何调用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中文网