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

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

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>

問題

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

1.第一個和第三個沒有區(qū)別，運行的都是obj.inner.print()，里面的this指向obj.inner.num

2.第四個

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

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

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

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

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

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

就是首頁banner中就有講的徹底搞懂 JS 中 this 機制

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

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

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

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

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

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

再看3，3有什么問題？沒問題！因為括！號！沒！有！副！作！用！你說它會返回一個表達(dá)式，表達(dá)式就表達(dá)式，whatever，單獨看第一個式子的括號前面的部分也是一個表達(dá)式，不是嗎？

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

貼個別人家的博客解答，我覺得海星~

2017年6月13日 11:48