在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/Java  HTML/ this指向相關(guān)問(wèn)題-JavaScript（絕對(duì)值得弄懂）

this指向相關(guān)問(wèn)題-JavaScript（絕對(duì)值得弄懂）

code

        <script>
            var num = 100;

            var obj = {
                num: 200,
                inner: {
                    num: 300,
                    print: function () {
                        console.log(this.num);
                    }
                }
            }

            obj.inner.print(); //300

            var func = obj.inner.print;
            func();  //100

            (obj.inner.print)(); //300

            (obj.inner.print = obj.inner.print)(); //100
        </script>

問(wèn)題

  • 第一個(gè)和第三個(gè)有什么區(qū)別？
  • 第三個(gè)和第四個(gè)有什么區(qū)別？
回答
編輯回答
魚(yú)梓

1.第一個(gè)和第三個(gè)沒(méi)有區(qū)別，運(yùn)行的都是obj.inner.print()，里面的this指向obj.inner.num

2.第四個(gè)

首先你要知道一點(diǎn)，復(fù)制操作，會(huì)返回所賦的值

var a;
console.log(a = 5); //5

所以(obj.inner.print = obj.inner.print)的結(jié)果就是一個(gè)函數(shù)，內(nèi)容是

function () {
    console.log(this.num);
}

在全局下運(yùn)行這個(gè)函數(shù)，里面的this指向的就是window，所以(obj.inner.print = obj.inner.print)();的結(jié)果就是

var num = 100;
function () {
    console.log(this.num);
}()
// 100
2017年8月20日 16:27
編輯回答
替身

就是首頁(yè)banner中就有講的徹底搞懂 JS 中 this 機(jī)制

2017年6月9日 12:13
編輯回答
冷溫柔

用《你不懂js》里的方式來(lái)解釋：
一、三是隱含綁定，this綁定到inner對(duì)象上
二、四是默認(rèn)綁定，this綁定到window對(duì)象上

2018年3月3日 06:28
編輯回答
離殤

看了一下答案，大家的主要困惑在于第三個(gè)式子。其實(shí)很好理解，不要被第二個(gè)和第四個(gè)繞進(jìn)去了。

第二個(gè)是一個(gè)賦值，賦值后的func僅僅是一個(gè)函數(shù)引用，這個(gè)引用丟失了函數(shù)原本所在的上下文信息，所以最終是在全局上下文中運(yùn)行

第四個(gè)為什么不行？原因是因?yàn)橘x值表達(dá)式的副作用：賦值表達(dá)式會(huì)返回等號(hào)右邊的值！因此整個(gè)賦值表達(dá)式的結(jié)果是一個(gè)函數(shù)，這個(gè)函數(shù)同樣丟失了它所在的上下文。因此結(jié)果與2一樣了。如果把等號(hào)換成逗號(hào)，會(huì)得到同樣的結(jié)果，因?yàn)槎禾?hào)表達(dá)式也有相同的副作用。

再看3，3有什么問(wèn)題？沒(méi)問(wèn)題！因?yàn)?code>括！號(hào)！沒(méi)！有！副！作！用！你說(shuō)它會(huì)返回一個(gè)表達(dá)式，表達(dá)式就表達(dá)式，whatever，單獨(dú)看第一個(gè)式子的括號(hào)前面的部分也是一個(gè)表達(dá)式，不是嗎？

2017年8月1日 08:29
編輯回答
心癌

貼個(gè)別人家的博客解答，我覺(jué)得海星~

2017年6月13日 11:48