函数的三种调用方式

第一种:  函数立即调用执行模式。这里面的this指向window;
 function add(a,b){
        console.log(this);
        return a+b;
    }
    add();//this === window //true

第二种:通过构造函数创建对象,然后调用自己的方法;这里的this指向对象本身;也可说是函数的调用者;

<script>
    function fun(){
        this.show=function(){
            console.log(this);
        }
    }
    var f=new fun();
    f.show();//f对象;
</script>

第三种:通过构造器调用函数:this指向构造出来的对象;

 1 <script>
 2     function Cat(){
 3         console.log(this);
 4     }
 5     Cat.prototype.show=function(){
 6         console.log(this);
 7     }
 8     var t=new Cat();//cat{};//通过构造函数创建的对象,相当于直接调用函数,没有返回值的情况下,得到的是cat本身;
 9     t.show();//cat{}对象;
10     console.log(t==this);//false;
11     Cat.prototype.show();//show{};
12     Cat();//直接调用window
13 </script>

 

posted @ 2017-11-28 09:53  前端极客  阅读(2844)  评论(0编辑  收藏  举报