JavaScript中的方法调用详细介绍
2014-12-30 08:50
561 查看
JavaScript中,如果function属于一个对象,那么通过对象来访问该function的行为称之为“方法调用”。与普通的函数调用不同的是,在进行方法调用时,function中的this指代将发生变化 ― this将指代用于调用该function的对象(该对象将成为方法调用的invocation context):
var x = 99;
var sample = {
x:1,
act:function(a){
this.x = a*a;//assign value to sample's x, not global object's x.
}
}
sample.act(6);
console.log(sample.x);//36
console.log(x);//99
与访问对象中的property一样,除了使用点号操作符,JavaScript中还可以通过使用中括号操作符来进行方法调用:
//other ways to invoke method
sample["act"](7);
console.log(sample.x);//49
对于JavaScript中的function,一个比较有趣的行为是可以在function中嵌入function(闭包)。在进行方法调用时,如果方法function中有嵌入的function,那么这个嵌入的function中的代码可以访问到外部的变量值:
//nested function can access variable outside of it.
var y = 88;
var sample2 = {
y:1,
act2:function(a){
this.y = inner();
function inner(){
return a*a;
}
}
}
sample2.act2(8);
console.log(sample2.y);//64
console.log(y);//88
不过,与直觉相反的是,嵌入function中的代码无法从外部继承this;也就是说,在嵌入的function中,this指代的并不是调用方法的对象,而是全局对象:
//nested function does not inherit "this". The "this" in nested function is global object
var sample3 = {
act3:function(){
inner();
function inner(){
console.log(this);//window object
}
}
}
sample3.act3();
如果确实需要在嵌入function中访问到调用方法的对象,可以在外部function中将this值保存到一个变量中:
//pass "this" to nested function
var sample4 = {
act4:function(){
var self = this;
inner();
function inner(){
console.log(self);//Object {act4=function()}
}
}
}
sample4.act4();
您可能感兴趣的文章:
相关文章推荐
- JavaScript中的方法调用详细介绍
- DEDECMS织梦系统的会员调用方法详细介绍
- c#中跨线程调用windows窗体控件 .我们在做winform应用的时候,大部分情况下都会碰到使用多线程控制界面上控件信息的问题。然而我们并不能用传统方法来做这个问题,下面我将详细的介绍。
- javascript编码的几个方法详细介绍
- Struts2 OGNL调用公共静态方法详细介绍
- javascript直接调用asp.net方法的技术 ——介绍pixysoft.ajax技术
- DEDECMS织梦系统的会员调用方法详细介绍
- javascript编码的几个方法详细介绍
- (转)javascript直接调用asp.net方法的技术 ——介绍pixysoft.ajax技术
- javascript 调用 web service 的两个主要方法的详细说明
- 用javascript写的类似ModalPopupExtender控件的效果(因为自己没有学会用ModalPopupExtender调用服务器端方法)
- ASP+JAVASCRIPT 的数据库调用方法
- javascript 如何调用activex的方法和属性
- 如何在asp.net调用javascript方法
- javascript 调用 WebService 的方法
- 后台调用前台javascript方法报错:“缺少对象”的解决方法
- Atlas笔记1:介绍和调用WebService的方法
- ASP.NET中文件上传下载方法集合(较为详细的介绍 转)
- 对javascript基本对象的属性以及方法的实例介绍