码迷,mamicode.com
首页 > Web开发 > 详细

js 中this到底指向哪里?

时间:2019-03-05 09:28:24      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:nod   进一步   方法   cal   分配   ons   UNC   call   col   

其实js的this指向很简单。我们记住下面3种情况。

  1. this 指向的是浏览器中的window.代码如下:
    function fn(){
      this.name=‘yangkun‘;
      this.age=28;    
    }

    当我们执行fn()的时候,这个普通函数中的this指向到底是什么?答案就是指向的是浏览器中的window.(这里说明,这里实在浏览器下,如果是node环境不是)。

  2. 如果这个时候我们对上面的函数进行进一步操作:
    function fn(){
      this.name=‘yangkun‘;
      this.age=28;    
    }
    var f=new fn;
    console.log(f.name);
    //yangkun //这个时候貌似this指向的是实例中的name值。

    fn类(这里使用了构造函数new方式生成,这个时候函数fn可以看做是一个类),生成了一个实例f ,其中f的name,就是类分配给实例f的私有属性值,这个时候this指向的就是f实例。

  3. 使用call,apply,bind:这些方法可以直接修改this的指向到任意的对象甚至变量。

 

综上所描述:1规律:如果在点语法前有谁,这个this就是谁。2 如果使用call,apply,bind这些方法可以改变this的指向性。

js 中this到底指向哪里?

标签:nod   进一步   方法   cal   分配   ons   UNC   call   col   

原文地址:https://www.cnblogs.com/yangkun90/p/10474363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!