快捷導(dǎo)航

JavaScript中的方法調(diào)用詳細(xì)介紹

更新時間：2014年12月30日 08:50:08 投稿：junjie

這篇文章主要介紹了JavaScript中的方法調(diào)用詳細(xì)介紹,JavaScript中,如果function屬于一個對象,那么通過對象來訪問該function的行為稱之為“方法調(diào)用”,需要的朋友可以參考下

JavaScript中，如果function屬于一個對象，那么通過對象來訪問該function的行為稱之為“方法調(diào)用”。與普通的函數(shù)調(diào)用不同的是，在進(jìn)行方法調(diào)用時，function中的this指代將發(fā)生變化 — this將指代用于調(diào)用該function的對象(該對象將成為方法調(diào)用的invocation context)：

復(fù)制代碼代碼如下:

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中還可以通過使用中括號操作符來進(jìn)行方法調(diào)用：

復(fù)制代碼代碼如下:

//other ways to invoke method

sample["act"](7);

console.log(sample.x);//49

對于JavaScript中的function，一個比較有趣的行為是可以在function中嵌入function(閉包)。在進(jìn)行方法調(diào)用時，如果方法function中有嵌入的function，那么這個嵌入的function中的代碼可以訪問到外部的變量值：

復(fù)制代碼代碼如下:

//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指代的并不是調(diào)用方法的對象，而是全局對象：

復(fù)制代碼代碼如下:

//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中訪問到調(diào)用方法的對象，可以在外部function中將this值保存到一個變量中:

復(fù)制代碼代碼如下:

//pass "this" to nested function

var sample4 = {

  act4:function(){

    var self = this;

    inner();

    function inner(){

        console.log(self);//Object {act4=function()}

    }

  }

}

sample4.act4();

您可能感興趣的文章: