JavaScript基础知识1——理解this指向

                                                         this指向

          JavaScript的this总是指向一个对象,具体指向的对象根据运行时函数执行的环境动态绑定的,并不是函数声明时的环境,简单的理解就算函数或方法被那个对象调用就指向改对象。

          this的指向大致分为以下4种;

                1. 作为对象的方法调用,指向该对象;

            var color={
	          Item:"red",
	          getItem:function(){
                     console.log(this===color);//true
                     console.log(this.Item);//"red"
	          }
            }  
            color.getItem();

              2. 作为普通函数调用,指向window;

           window.name='global';
           var getName=function(){
	      return this.name;
           }
           console.log(getName());//gloabl
           /**严格模式下,this是undifined**\

              3.构造器调用,无对象返回时指向该对象,有对象返回指向被返回对象;

           var myClazz = Function(name) {
	           this.name = name;
           };
           var obj = new myClazz('jane');
           console.log(obj.name);//jane
           var myClazz = Function(name) {
	         this.name = name;
	  	     return {name:'rose'};
           };
           var obj = new myClazz('jane');
           console.log(obj.name);//rose

              4.与普通函数调用相比,call、apply调用能动态改变this指向

           var obj = {
               name: 'jane'
           };
           var obj_ = {
               name: 'rose'
           };
           window.name = 'window';
           var getName = function(){
               alert(this.name);
           };
           getName(); // 输出: window            /**普通函数调用指向window**\
           getName.call(obj); // 输出: jane      /**this指向obj**\
           getName.call(obj_); // 输出: rose     /**this指向obj_;**\


                      

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值