鍍金池/ 問答/Java  HTML/ JS中,函數(shù)A return 出函數(shù)B,請問函數(shù)A和B的作用域是什么關(guān)系?是上下

JS中,函數(shù)A return 出函數(shù)B,請問函數(shù)A和B的作用域是什么關(guān)系?是上下級關(guān)系還是平行關(guān)系?

JS中,函數(shù)A ,return 出函數(shù)B,請問函數(shù)A和B的作用域是什么關(guān)系?是上下級關(guān)系還是平行關(guān)系?

比如在學(xué)習(xí)閉包的時(shí)候,常常會遇到這樣的例子:

function a(){
    var x=10;
    return function b(){
        x++;
        alert("x為:"+x);
    }
}

顯然在這種情況下,b()是a()的下級作用域,才能訪問a()中的變量x。

而我目前理解的是:
函數(shù)A return出的函數(shù)B,它們的作用域是平行關(guān)系。

a()像我們的肚子,如果b()在肚子里面,那么b()確實(shí)是a()的下級作用域。但是現(xiàn)在b()被a()return出來了,就像從肚子里面排遺出來一樣,那么b()就從a()中脫離出來了,所以我目前認(rèn)為它們是平行關(guān)系。

因?yàn)檫€有個(gè)例子是這樣的:

var name="大王";
var obj={
    name="小王";
    getName:function(){
        return function(){
               return this.name;
               }
    }
};
var ele=obj.getName();//function(){return this.name;};
alert(ele());//大王

//或者用
alert(obj.getName()());//大王

這個(gè)例子里面obj.getName() --> return出來的函數(shù)就是全局函數(shù)。
你看這里,對象的方法也是函數(shù)對不對?但這個(gè)例子就說明它return出來的函數(shù)不在這個(gè)方法的作用域里面,而是和對象平行的作用域。

所以很疑惑,請各位大神講解講解!

回答
編輯回答
未命名

作用域的理解是沒問題的,除此之外你還應(yīng)該理解this。你的return this.name你要搞清楚this指向了誰。

var ele = obj.getName();

此時(shí)的ele是一個(gè)函數(shù),等價(jià)于function () {return this.name}

而你直接執(zhí)行ele()的時(shí)候,這個(gè)this指向的是global,在瀏覽器中就是window

換個(gè)執(zhí)行方式:

ele.call(obj); // "小王"
2018年9月1日 11:23
編輯回答
葬愛

你可以去看一下《你不知道的JavaScript》這一本書,里面詳細(xì)說明了什么是閉包,和this的指向問題。

2017年8月24日 08:08
編輯回答
嘟尛嘴

首先你的obj對象是寫錯(cuò)的,其次你作理解是對的,你再去理解下this指向就沒問題了

2018年3月1日 23:57
編輯回答
孤毒

首先你要知道js的作用域和this是不一樣的,js是詞法作用域,代碼寫好后作用域就確定了,也就是說上面第一個(gè)例子中,函數(shù)b的外部作用域永遠(yuǎn)是函數(shù)a的作用域,不管你對b做了什么都不會改變了。
如果照你的理解,函數(shù)a把函數(shù)b return出去后,它們的作用域是平行關(guān)系的話,那么你調(diào)用a()()時(shí)不會輸出"x為:11",而是直接報(bào)x is not defined錯(cuò)誤。因?yàn)楹瘮?shù)b中沒有x的定義,而函數(shù)a和函數(shù)b作用域是平行關(guān)系,不會訪問a中的x變量,而是應(yīng)該訪問全局作用域下的x變量,顯然你全局作用域下沒有x變量的定義。

var x=1;
function a(){
    var x=10;
    return function b(){
        x++;
        alert("x為:"+x);
    }
}
a()()      //"x為:11"不是"x為:1",b中的x還是a中的x。

this是動態(tài)創(chuàng)建的,只有執(zhí)行的時(shí)候才會確定this,而在普通函數(shù)中this指向的是調(diào)用函數(shù)的對象,也就是說函數(shù)調(diào)用者不同this是不一樣的。你第二個(gè)例子中執(zhí)行obj.getName()時(shí)返回了一個(gè)函數(shù),我先記為foo,當(dāng)你在執(zhí)行foo()時(shí),foo的調(diào)用者是window,所以this指向的是window,不是obj,當(dāng)你obj.getName()返回函數(shù)后你可以認(rèn)為返回的函數(shù)中的this跟obj無關(guān),除非你強(qiáng)制把obj作為this綁定到函數(shù)里。

2018年1月17日 00:21
編輯回答
尛曖昧
var name="大王";
var obj={
    name : "小王",
    getName:function(){

//可以將this傳入函數(shù)
        return (function(obj){
                    return function (){
                        return obj.name;
                    } 
               })(this);


//或者這樣寫
        that = this ;
        return function(){
            return that.name;
        }
    }
};

//你原來這里調(diào)用函數(shù)時(shí),函數(shù)內(nèi)部的this指向了window或者global
//所以要用閉包將this傳入到函數(shù)里,最后再調(diào)用。
//查找this值時(shí)會沿著作用域鏈搜索到你的obj對象里
//或者用call函數(shù)將this指向你的obj
//ele.call(obj)

var ele = obj.getName();//function(){return this.name;};
alert(ele());//小王

//或者用
alert(obj.getName()());//小王
2017年10月12日 07:37