函数的三种调用方式

83 阅读 0 评论 55 点赞

我是靠谱客的博主欣喜音响，最近开发中收集的这篇文章主要介绍函数的三种调用方式，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

第一种：  函数立即调用执行模式。这里面的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>