this指向问题,只提供案例,不做任何分析

Posted gitbylegend

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了this指向问题,只提供案例,不做任何分析相关的知识,希望对你有一定的参考价值。

希望大家在测试的道路上找到答案,阔步前行

<script type="text/javascript">
            /*this指向
            
            console.log(this);
             
            function fn(){
                console.log(this);
            }
            fn();
            
            function Foo(){
                this.name="jhon";
                this.age=20;
                console.log(this);
            }
            var f1=new Foo();
            
            function Foo(){
                this.name="jhon";
                this.age=20;
                console.log(this);
            }
            Foo();
            
            var obj={
                x:10,
                fn:function(){
                    console.log(this);
                    console.log(this.x)
                }
            }
            obj.fn();
            
            var obj={
                x:10,
                fn:function(){
                    function f(){
                        console.log(this);
                        console.log(this.x)
                    }
                    f();
                }
            }
            obj.fn()
            
            var obj={
                x:10,
                fn:function(){
                    console.log(this);
                    console.log(this.x)
                }
            }
            var fn1=obj.fn;
            fn1();
            
            var obj={
                x:10
            }
            var fn=function(){
                console.log(this);
                console.log(this.x);
            }
            fn.call(obj);
            
            function Foo(){
                this.name="jhon";
                this.age=20;
            }
            Foo.prototype.getName=function(){
                console.log(this,this.name);
            }
            var foo=new Foo();
            foo.getName();*/
            
        </script>

  如果您实在不愿意自行分析理解,或者基础较为薄弱无力进行分析:请移步

  王福朋-博客园

以上是关于this指向问题,只提供案例,不做任何分析的主要内容,如果未能解决你的问题,请参考以下文章

Js中的this指向问题

this指向 + 案例

this指向

案例分析:设计模式与代码的结构特性

setTimeout中所执行函数中的this,永远指向window

Systemstate Dump分析经典案例(下)