<script type="text/javascript">
    console.log(this === window);//true  全局環(huán)境中，this默認指向到window

    function abc(){
        console.log(this === window);
    }
    abc();//true   函數(shù)abc獨立調用（不論這個函數(shù)在哪調用），this默認指向到window
    function outer(){
        function inner(){
            console.log(this === window);
        }
        inner();
    }
    outer();//true  函數(shù)inner獨立調用（不論這個函數(shù)在哪調用），this默認指向到window

    var o = {
        m: function(){
            return this;
        },
        n: function(){
            function test(){
                return this;
            }
            return test(); //函數(shù)test獨立調用（不論這個函數(shù)在哪調用），this默認指向到window
        }
    };
    console.log(o.m());//Object o{...}  當函數(shù)被作為對象的方法（對象的一個屬性）運行時,this指向該對象
    console.log(o.n());//Window{...}  函數(shù)test獨立調用，this默認指向到window
</script>

<script type="text/javascript">
    var o = {
        a: 1,
        m: function(){
            return this;
        },
        n: function(){
            this.a = 2; 
            //當函數(shù)被作為對象的方法調用時，可以使用this訪問自己所屬的對象，所以它能從對象中取值或對對象進行修改。
            //this到對象的綁定發(fā)生在調用的時候。所以這里的函數(shù) n 如果沒有調用過，那么外部的 a 是不會被改變的
        }
    };
    console.log(o.m().a);//1
    o.n();
    console.log(o.m().a);//2
</script>

<script type="text/javascript">
    var o = {
        m: function(){
            console.log(this); //{} 當函數(shù)被作為對象的方法（對象的一個屬性）運行時,this指向該對象
        },
        n: function(){
            console.log(this);//{}

            var that = this;  
            //如果想訪問這個外部函數(shù)的this值，需要將this的值保存在一個變量里，內(nèi)部函數(shù)就可以通過作用域鏈找到這個變量。

            function test(){
                console.log(this);//window
                console.log(that);//{}
            }
            return test(); //函數(shù)test獨立調用（不論這個函數(shù)在哪調用），this默認指向到window
        }
    };
    o.m();
    o.n();
</script>

<script type="text/javascript">
    // 創(chuàng)建一個名為Person 的構造函數(shù)，它構造一個帶有user 和age 的對象
    var Person = function (user,age) {
        this.user = user;
        this.age = age; 
    };

    // 構造一個Person 實例 ，并測試
    var shane = new Person ('shane',25);
    console.log(shane.user);//shane
    console.log(shane.age);//25
</script>

<script type="text/javascript">
    var Person = function(){
        this.user = 'shane';
        return 
    }
    var shane = new Person;
    console.log(shane.user);//shane   return沒有返回值，this還是指向實例（新對象），調用結果也還是新對象；

    var Color = function(){
        this.red = 'red';
        return 'hello world';
    }
    var redColor = new Color;
    console.log(redColor.red);//red   return返回的是一個基本類型的字符串（原始值），this還是指向實例（新對象），調用結果也還是新對象；

    var Size = function(){
        this.size = 'big';
        return {};
    }
    var sizeBig = new Size;
    console.log(sizeBig.size);//undefined   return返回的是一個對象，this就指向這個返回的對象，調用結果就是這個返回的對象；
</script>

<script type="text/javascript">
    var add = function (a,b) {
        return a+b;
    }; 

    var arr = [2,3];

    var sum0 = add.apply(null, arr);//apply后面的參數(shù)以數(shù)組的形式傳入
    var sum1 = add.call(null,arr[0],arr[1]);//call后面的參數(shù)用逗號隔開
    var sum2 = add.bind(null,arr[0],arr[1]);//bind后面的參數(shù)可以和call一樣，用逗號隔開
    var sum3 = add.bind(null); //bind調用的時候也可以在執(zhí)行的時候傳參

    console.log(sum0);//5
    console.log(sum1);//5
    console.log(sum2);//function (a,b) {return a+b;};    bind只是返回函數(shù)，還未調用，
    console.log(sum2());//5   所以bind調用的時候，如果要執(zhí)行還得在后面加個（）
    console.log(sum3(arr[0],arr[1]));//5   bind調用的時候也可以在執(zhí)行的時候傳參
</script>

<script type="text/javascript">
    'use strict' //嚴格模式
    function a(){
        console.log (this);  
    }
    a();//undefined
    //在嚴格模式下，未指定環(huán)境對象而調用函數(shù)，則 this 值不會轉型為 window , this 值將是 undefined。 
    //除非明確把函數(shù)添加到某個對象或者調用 apply()或 call()使用對象冒充。

    window.a();//window
    //所以我們可以手動添加 window.函數(shù)（），來改變this指向window

    (function(){
        console.log(this);//undefined
    })();

    setTimeout(function(){
        console.log(this);//Window
    },0);
    //setTimeout是window的一個方法(屬性)，所以這里可以寫成window.setTimeout
//所以不管是嚴格模式還是非嚴格模式，setTimeout里的this始終指向window
//但是有時候我們會發(fā)現(xiàn)setTimeout中的this也有其他情況，這只是誤導，當然如果你不確定的話，直接console.log(this)一下，分分鐘解決
</script>