JavaScript中的方法調(diào)用詳細(xì)介紹
JavaScript中,如果function屬于一個(gè)對(duì)象,那么通過(guò)對(duì)象來(lái)訪問(wèn)該function的行為稱之為“方法調(diào)用”。與普通的函數(shù)調(diào)用不同的是,在進(jìn)行方法調(diào)用時(shí),function中的this指代將發(fā)生變化 — this將指代用于調(diào)用該function的對(duì)象(該對(duì)象將成為方法調(diào)用的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
與訪問(wèn)對(duì)象中的property一樣,除了使用點(diǎn)號(hào)操作符,JavaScript中還可以通過(guò)使用中括號(hào)操作符來(lái)進(jìn)行方法調(diào)用:
//other ways to invoke method
sample["act"](7);
console.log(sample.x);//49
對(duì)于JavaScript中的function,一個(gè)比較有趣的行為是可以在function中嵌入function(閉包)。在進(jìn)行方法調(diào)用時(shí),如果方法function中有嵌入的function,那么這個(gè)嵌入的function中的代碼可以訪問(wèn)到外部的變量值:
//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
不過(guò),與直覺(jué)相反的是,嵌入function中的代碼無(wú)法從外部繼承this;也就是說(shuō),在嵌入的function中,this指代的并不是調(diào)用方法的對(duì)象,而是全局對(duì)象:
//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();
如果確實(shí)需要在嵌入function中訪問(wèn)到調(diào)用方法的對(duì)象,可以在外部function中將this值保存到一個(gè)變量中:
//pass "this" to nested function
var sample4 = {
act4:function(){
var self = this;
inner();
function inner(){
console.log(self);//Object {act4=function()}
}
}
}
sample4.act4();
相關(guān)文章
詳細(xì)教你微信公眾號(hào)正文頁(yè)SVG交互開(kāi)發(fā)技巧
這篇文章主要介紹了詳細(xì)教你微信公眾號(hào)正文頁(yè)SVG交互開(kāi)發(fā)技巧,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07html5 canvas js(數(shù)字時(shí)鐘)實(shí)例代碼
這篇文章主要介紹了html5 canvas js(數(shù)字時(shí)鐘)實(shí)例代碼,有需要的朋友可以參考一下2013-12-12JavaScript實(shí)現(xiàn)帶標(biāo)題的圖片輪播特效
這里給大家分享的是4屏帶標(biāo)題和文字描述的js圖片輪播代碼,完美兼容IE6。圖片滾動(dòng)切換,鼠標(biāo)放到數(shù)字選項(xiàng)卡即可切換圖片。點(diǎn)擊圖片跳轉(zhuǎn)到指定頁(yè)面,有需要的小伙伴可以參考下。2015-05-05layui下拉列表select實(shí)現(xiàn)可輸入查找的方法
今天小編就為大家分享一篇layui下拉列表select實(shí)現(xiàn)可輸入查找的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JS數(shù)組排序技巧匯總(冒泡、sort、快速、希爾等排序)
這篇文章主要介紹了JS數(shù)組排序技巧,實(shí)例匯總了JavaScript冒泡排序、sort排序、快速排序、希爾排序等,并附帶分析了sort排序的相關(guān)注意事項(xiàng),需要的朋友可以參考下2015-11-11