js中this的指向问题?(普通函数)

Posted flower-y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中this的指向问题?(普通函数)相关的知识,希望对你有一定的参考价值。

技术图片

 

一、this的指向:

  ①

  技术图片

    这是this只是一个普通函数,此时this没有被任何事件调用,那么this的指向就是window对象。

  ②

  技术图片

    当this的外层有包裹时,this为他紧上一层的对象,在此可以看出当打印为零时,this为fun,而当打印为3时,this的指向为a。

  ③

  技术图片

    此时,外部的b对内部没有丝毫影响,打印的b永远都是1,

  ④

  技术图片

    此时,将第一个b的声明方式改为let,我们都知道let作为ES6提出的新的声明方式,他是不能被声明的,但那仅限于一个作用域下,所以此时不会报错,fun.a()的this为fun本身,所以打印为3,而执行c()时的this为window,所以打印undefined;

  注:当this本身处于window时,this.**都为undefined

二、this指向的改变;

  技术图片

  

  

以上是关于js中this的指向问题?(普通函数)的主要内容,如果未能解决你的问题,请参考以下文章

JS-- this

关于 js 中 this 指向的问题

js中this指向的三种情况

关于JS函数中this指向问题的总结

箭头函数中this的指向问题

js中this的应用及指向问题