摘要：網(wǎng)上看到一句話，匿名函數(shù)的執(zhí)行是具有全局性的，那怎么具有的全局性呢閉包內(nèi)部的指向是，為什么指向了呢下面通過函數(shù)調(diào)用模式和部分案例分析了為什么確實如此函數(shù)調(diào)用的模式方法調(diào)用模式和函數(shù)調(diào)用模式如果一個函數(shù)被設(shè)置為一個對象的屬性，則稱它為一個方法

網(wǎng)上看到一句話，匿名函數(shù)的執(zhí)行是具有全局性的，那怎么具有的全局性呢？閉包內(nèi)部this的指向是window，為什么指向了window呢？下面通過js函數(shù)調(diào)用模式和部分案例分析了為什么確實如此

如果一個函數(shù)被設(shè)置為一個對象的屬性，則稱它為一個方法。當(dāng)通過對象對其進行調(diào)用時，即this的方法調(diào)用模式。在方法調(diào)用模式下，函數(shù)中的this指向該函數(shù)所屬的對象。

當(dāng)一個函數(shù)并非對象的屬性，而是直接作為函數(shù)進行調(diào)用時，為函數(shù)調(diào)用模式。此模式來調(diào)用函數(shù)的時候，this綁定的是全局對象。這是語言設(shè)計的一個錯誤。倘若語言設(shè)計正確，那么當(dāng)內(nèi)部函數(shù)被調(diào)用時，this應(yīng)該仍然綁定到外部函數(shù)的this變量。這個設(shè)計錯誤的后果就是方法不能利用內(nèi)部函數(shù)來幫助它工作，因為內(nèi)部函數(shù)的this被綁定了錯誤的值，所以不能共享該方法對對象的訪問權(quán)

var obj = {
    val : 1,
    show : function(){alert(this.val);},//方法調(diào)用模式
    outFunc : function(){
        function innerFunc(){
            console.log(this);
        }
        innerFunc(); //函數(shù)調(diào)用模式
    }
};
obj.innerFunc();
//在嚴(yán)格模式下，console.log(this)中的this為undefined，
//否則，console.log(this)中的this為全局對象(瀏覽器中為window)
//下文講解為什么

當(dāng)以new來調(diào)用一個函數(shù)時，即構(gòu)造器模式。
當(dāng)使用new調(diào)用時，發(fā)生這些事情：
創(chuàng)建一個連接到該函數(shù)prototype的新對象
將this綁定到創(chuàng)建的新對象上
函數(shù)結(jié)束時，如果沒有返回其它對象，就返回this，即新創(chuàng)建的對象。

 var quo=function(string){
            this.status=string;
        }
    quo.prototype.get_status=function(){
            return this.status;
        }
    var qq=new quo("aaa");
    alert(qq.get_status());

var myobject={};
var sum = function(a,b){
　　return a+b;
};
var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]); 
alert(sum2);

    var person = {
        name :"one",
        sayOne:function () {//方法調(diào)用模式
            console.log(this.name)
        },
        sayTwo:function () {//函數(shù)調(diào)用模式
            return function () {
                console.log(this.name)
            }
        },
        wrap: function(){//函數(shù)調(diào)用模式，匿名函數(shù)的執(zhí)行環(huán)境具有全局性的由來
            (function (){
                console.log(this.name)
            })()
        }
    }
    person.sayOne()//one   sayOne調(diào)用者是person對象，所以this指向person；（方法調(diào)用模式）
    person.sayTwo()()//window 返回的匿名函數(shù)在全局執(zhí)行所以是window（函數(shù)調(diào)用模式）
    person.wrap()//window 語言就是這樣設(shè)計的，也是匿名函數(shù)具有全局性的由來（函數(shù)調(diào)用模式）

    var div=document.getElementById("one");
    function f2(){
    console.log(this)
    }
    div.onclick =function () {
        console.log(this)//one那個節(jié)點
        f2()//window(函數(shù)調(diào)用模式)
    }

1.throttle函數(shù)的執(zhí)行環(huán)境具有全局性，內(nèi)部this通常是指向window的，然后返回一個匿名函數(shù)。
2.返回的匿名函數(shù)綁定了事件，this指向監(jiān)聽的元素（document）
3.fn其實與上面返回匿名函數(shù)形成了閉包，且fn也其實是一個匿名函數(shù)，匿名函數(shù)的執(zhí)行具有全局性，fn內(nèi)部this應(yīng)該指向window
4這里用apply修正this指向，使fn內(nèi)部的this重新指向document

            function throttle(fn, delay) {
                console.log(this)//window
                // 記錄上一次函數(shù)觸發(fā)的時間
                var lastTime = 0;
                return function() {
                    // 記錄當(dāng)前函數(shù)觸發(fā)的時間
                    var nowTime = Date.now();
                    if(nowTime - lastTime > delay) {
                     /*
                          fn();
                        console.log(this)//document
                    */
                        
                        fn.apply(this)// 修正this指向問題
                        console.log(this)//document
                        
                        // 同步時間
                        lastTime = nowTime;
                    }
                }
            }
            document.onscroll = throttle(function() {
                /*console.log(this)//window*/
                console.log(this)//document
                console.log("scroll事件被觸發(fā)了" + Date.now())
            }, 1000)

var name = "global";

var foo = {
    name: "foo",
    getName : function(){
        console.log(this.name);
    }
}

var bar = {
    name: "bar",
    getName : function(){
        return (function(){
            console.log(this.name);
        })();
    }
}

foo.getName(); //foo
foo.getName.call(bar); //bar
foo.getName.call(this); //global
foo.getName.call(window); //global

(function(){

    console.log(this.name)

}.bind(bar))(); //bar

(function(){

    console.log(this.name)

}.bind())(); //global