针对JavaScript中this指向的简单理解(2)

  这里之所以对象a可以点出函数Fn里面的user是因为new关键字可以改变this的指向,将这个this指向对象a,为什么我说a是对象,因为用了new关键字就是创建一个对象实例,理解这句话可以想想我们的例子3,我们这里用变量a创建了一个Fn的实例(相当于复制了一份Fn到对象a里面),此时仅仅只是创建,并没有执行,而调用这个函数Fn的是对象a,那么this指向的自然是对象a,那么为什么对象Fn中会有user,因为你已经复制了一份Fn函数到对象a中,用了new关键字就等同于复制了一份。 

除了上面的这些以外,我们还可以自行改变this的指向 ========>>> call, apply, bind 

更新一个小问题当this碰到return时 

function fn() { this.user = '小J'; return {}; } var a = new fn; console.log(a.user); //undefined

再看一个 

function fn() { this.user = '小J'; return function(){}; } var a = new fn; console.log(a.user); //undefined

再来 

function fn() { this.user = '小J'; return 1; } var a = new fn; console.log(a.user); //小J function fn() { this.user = '小J'; return undefined; } var a = new fn; console.log(a.user); //小J

如果返回值是一个对象,那么this指向的就是那个返回的对象,如果返回值不是一个对象那么this还是指向函数的实例。 

function fn() { this.user = '小J'; return undefined; } var a = new fn; console.log(a); //fn {user: "小J"}

还有一点就是虽然null也是对象,但是在这里this还是指向那个函数的实例,因为null比较特殊。 

function fn() { this.user = '小J'; return null; } var a = new fn; console.log(a.user); //小J

知识点补充: 
1.在严格版中的默认的this不再是window,而是undefined。 
2.new操作符会改变函数this的指向问题,虽然我们上面讲解过了,但是并没有深入的讨论这个问题,网上也很少说,所以在这里有必要说一下。 

function fn(){ this.num = 1; } var a = new fn(); console.log(a.num); //1

为什么this会指向a?首先new关键字会创建一个空的对象,然后会自动调用一个函数apply方法,将this指向这个空对象,这样的话函数内部的this就会被这个空的对象替代。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzffys.html