this是什么 

一般情況下，this 指向調用他們的那個對象 ,也就是說誰調用就指向誰。

在全局作用域下 this指向誰 window

console.log(this);

普通函數里面 this 指向 window

    


        


            


            

        

        


            

                function fn() {
            

        

    

    


        


            


            

        

        


            

                console.log(this);
            

        

    

    


        


            


            

        

        


            

                };
            

        

    

    


        


            


            

        

        


            

                fn();
            

        

    

定時器里面的 this 指向 window

    


        


            


            

        

        


            

                window.setTimeout(function() {
            

        

    

    


        


            


            

        

        


            

                console.log(this);
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                }, 3000);
            

        

    

對象的方法里面的this指向這個對象

    


        


            


            

        

        


            

                var idol = {
            

        

    

    


        


            


            

        

        


            

                myname: '某某某',
            

        

    

    


        


            


            

        

        


            

                age: '18歲',
            

        

    

    


        


            


            

        

        


            

                sex: '女',
            

        

    

    


        


            


            

        

        


            

                skill: function() {
            

        

    

    


        


            


            

        

        


            

                console.log(this);
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                };
            

        

    

    


        


            


            

        

        


            

                idol.skill()
            

        

    

給指定元素綁定事件，this指向事件綁定者 btn

    


        


            


            

        

        


            

                var btn = document.querySelector('button');
            

        

    

    


        


            


            

        

        


            

                // btn.addEventListener('click', function() {
            

        

    

    


        


            


            

        

        


            

                //     console.log(this);
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                // });
            

        

    

    


        


            


            

        

        


            

                btn.onclick = function() {
            

        

    

    


        


            


            

        

        


            

                console.log(this);
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                };
            

        

    

構造函數里面的this指向對象的實例化 構造函數在調用的時候 使用new

    


        


            


            

        

        


            

                function Fun() {
            

        

    

    


        


            


            

        

        


            

                console.log(this);
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                var fun = new Fun();
            

        

    

    


        


            


            

        

        


            

                fun.uname = 'Jack';
            

        

    

    


        


            


            

        

        


            

                fun.age = '18歲';
            

        

    

    


        


            


            

        

        


            

                fun.sex = '男';
            

        

    

    


        


            


            

        

        


            

                console.log(fun)
            

        

    

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

轉自：csdn
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務