js this 指向

全局情况下 this始终指向window

作为函数调用时,非严格模式指向window , 严格模式指向undefined

普通函数调用的时候 this 指向window

  	 var x = 10;
  	 function foo(){
  	 	console.log(this); //window
  	 	 console.log(this.x);  //10 
  	 }
     foo()

严格模式下调用的时候this 指向undefined

    "use strict" 
  	 var x = 10;
  	 function foo(){
  	 	console.log(this); //window
  	 	 console.log(this.x);  //10 
  	 }
     foo()  Uncaught TypeError: Cannot read property 'x' of undefined

作为对象方法调用时 指向它的直接调用者  

 如果在对象方法中定义函数,那么也就是闭包,this是会指向window

  var obj = {
        x: 10,
        foo: function () {
            console.log(this)   //{x: 10, foo: ƒ}
            function f(){
                console.log(this);      //Window
                console.log(this.x);    //10 
                console.log(obj.x===window.x)  //true,obj===window.obj
            }f();
        }
    }
    obj.foo();

 

作为构造函数调用时 指向新new 出来的对象 

加上new关键字来调用,那么就会创建一个连接到该函数的prototype成员的新对象,同时,this会被绑定到这个新对象上

若构造函数返回一个对象,该对象将作表达式的返回值,而传入构造函数中的this 将被丢弃

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值