js中的函数中的this

js中的函数中的this

this是什么

  • 任何函数本质上都是通过某个对象来调用的,如果没有指定就是window
  • 任何函数内部都有一个变量this
  • 它的值是调用函数的当前对象
   function Person(color){
       console.log(this)//输出语句1
       this.color = color;
       this.getColor = function (){
           console.log(this)//输出语句2
           return this.color
       };
       this.setColor = function (color){
           console.log(this)//输出语句3
           this.color = color
       };
   }
   Person("red");//执行输出语句1 this是window

   var p = new Person("yellow");//执行输出语句1 this是p

   p.getColor();//执行输出语句2 this是p

   var obj = {};

   p.setColor.call(obj,"black");//执行输出语句3 this是obj

   var test = p.setColor;
   test();//this是window

   function fn1(){
       function fn2(){
           console.log(this);
       }
       fn2();//this是window
   }
   fn1();

如何确定this

  • test():window
  • p.test():p
  • new test():新创建的对象
  • p.call(obj):obj
    换言之:
  1. 以函数的形式调用时,this永远都是window
  2. 以方法的形式调用时,this就是调用方法的对象
  3. 以构造函数的形式调用时,this就是新创建的对象
  4. 使用call和apply调用时,this就是指定的那个对象
  5. 在全局作用域中this代表window
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值