JavaScript中的方法调用详细介绍-js教程-PHP中文网

JavaScript中的方法调用详细介绍

PHPz

发布： 2016-05-16 16:23:30

原创

1370人浏览过

这篇文章主要介绍了javascript中的方法调用详细介绍,javascript中,如果function属于一个对象,那么通过对象来访问该function的行为称之为“方法调用”,需要的朋友可以参考下。

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);//9

登录后复制

与访问对象中的property一样，除了使用点号操作符，JavaScript中还可以通过使用中括号操作符来进行方法调用：

//other ways to invoke method
sample["act"](7);
console.log(sample.x);//4

登录后复制

对于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指代的并不是调用方法的对象，而是全局对象：

品杰电子商务购物平台系统

网上购物商城，它属于BtoC电子商务网站平台，它能够直接绕过中介（如批发商、销售商或经销商）建立与客户的直接关系。该网站可以为用户提供商品的详细信息，用户可以在线购买商品，确定镇定的订单；同时提供关于商品或电子零销商的选择建议等等。网上购物平台使得人们的购买变的更方便、更加容易。前台功能模块有：热销商品订单管理购物车结算中心注册会员　　用户登录

查看详情

立即学习“Java免费学习笔记（深入）”；

//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视频教程！