函数的this 指向

this

 /* 
    1.this : 环境对象   谁调用我,我就指向谁
              上下文环境:函数作用域
              this 类似中文‘我’ ,谁说出这个字,这个字就代表是谁

    2. js 中函数有三种调用方法,this的三种指向
              (1). 普通函数 :函数名()   this—— window
              (2).构造函数 : new 函数名()  this —— new 创建的实例对象
              (3). 对象的方法 : 对象名.函数名  this--对象   
              
              判断this 指向 : 先找 new , 对象名.  
    */
    function fn() {
      console.log(this)
    }
    //(1). 普通函数
    fn() //this—— window


    //(2).构造函数
    new fn() //this —— new 创建的实例对象

    //  对象的方法
    let obj = {
      name: 'zhengsan',
      age: 18,
      eat: fn
    }
    obj.eat() //this--对象  

案例

 <script>

    function fn() {
      console.log(this)
    }

    
      let obj ={
        name: '李四',
        age: 30,
        eat: function () {
          fn()
        },
          learn: function () {
              console.log(this)
          }}
          // 控制台依次打印谁
          obj.eat()  //window
            let learn = obj.learn
              learn() //window 
  </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值