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.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务