this指向相关问题-JavaScript（绝对值得弄懂）

Question

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>

问题

第一个和第三个有什么区别？

第三个和第四个有什么区别？

Answer 1

看了一下答案，大家的主要困惑在于第三个式子。其实很好理解，不要被第二个和第四个绕进去了。第二个是一个赋值，赋值后的func仅仅是一个函数引用，这个引用丢失了函数原本所在的上下文信息，所以最终是在全局上下文中运行第四个为什么不行？原因是因为赋值表达式的副作用：赋值表达式会返回等号右边的值！因此整个赋值表达式的结果是一个函数，这个函数同样丢失了它所在的上下文。因此结果与2一样了。如果把等号换成逗号，会得到同样的结果，因为逗号表达式也有相同的副作用。再看3，3有什么问题？没问题！因为括！号！没！有！副！作！用！你说它会返回一个表达式，表达式就表达式，whatever，单独看第一个式子的括号前面的部分也是一个表达式，不是吗？

Answer 2

1.第一个和第三个没有区别，运行的都是obj.inner.print()，里面的this指向obj.inner.num2.第四个首先你要知道一点，复制操作，会返回所赋的值var a;console.log(a = 5); //5所以(obj.inner.print = obj.inner.print)的结果就是一个函数，内容是function () {&nbsp; &nbsp; console.log(this.num);}在全局下运行这个函数，里面的this指向的就是window，所以(obj.inner.print = obj.inner.print)();的结果就是var num = 100;function () {&nbsp; &nbsp; console.log(this.num);}()// 100

Answer 3

贴个别人家的博客解答，我觉得海星~

Answer 4

就是首页banner中就有讲的彻底搞懂 JS 中 this 机制

Answer 5

用《你不懂js》里的方式来解释：一、三是隐含绑定，this绑定到inner对象上二、四是默认绑定，this绑定到window对象上