源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js函数调用常用方法详解

  • 时间:2020-09-28 16:21 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js函数调用常用方法详解
来源 javascript语言精粹。这不是书上的源代码。 js的函数调用会免费奉送两个而外的参数就是 this 和 arguments 。arguments是参数组,他并不是一个真实的数组,但是可以使用.length方法获得长度。 书上有说4中调用方式: 方法调用模式 函数调用模式 构造器调用模式 apply调用模式 下面我们来看看一些实例更好理解。 [b]1:方法调用模式[/b] 请注意this此时指向myobject。
[u]复制代码[/u] 代码如下:
/*方法调用模式*/ var myobject={ value:0, inc:function(){ alert(this.value) } } myobject.inc()
[b]2:函数调用模式[/b] 请注意this此时指向window。
[u]复制代码[/u] 代码如下:
/*函数调用模式*/ var add=function(a,b){ alert(this)//this被绑顶到window return a+b; } var sum=add(3,4); alert(sum)
[b]3:构造器调用模式[/b] javascript语言精粹一书建议摒弃这中方式。因为有更好的方式。这里先不介绍。下次发表博文的时候贴出来。 会在这里加一个连接。
[u]复制代码[/u] 代码如下:
/*构造器调用模式 摒弃*/ var quo=function(string){ this.status=string; } quo.prototype.get_status=function(){ return this.status; } var qq=new quo("aaa"); alert(qq.get_status());
[b]4:apply调用模式[/b] ==我们可以来看一个更有用的apply实例。看最下面的代码。
[u]复制代码[/u] 代码如下:
/*apply*/ //注意使用了上面的sum函数 //与myobject //这中调用方式的优点在于可以指向this指向的对象。 //apply的第一个参数就是this指针要指向的对象 var arr=[10,20]; var sum=add.apply(myobject,arr); alert(sum);
看这个apply真正应用。bind这是一个绑定时间的函数。
[u]复制代码[/u] 代码如下:
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)});
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部