js中this的理解

前言:
前阵子遇到了一个结构比较复杂的函数,一层嵌套一层,其中还涉及到很多this,当时就感到疑惑这些this分别代表的是啥?下面是我对js中this认识的总结。

基本概念:
js中函数类型和调用方式有一般有下面几种
(1.1)构造器函数 通过new 的方式调用。new 方法名()
(1.2)对象中的函数(方法) 通过点符号的方式调用。对象.方法名()
(1.3)全局的函数,算是(1.2)的特殊情况吧。直接调用。方法名()

分析:
this属于运行时的对象,也就是说只有当前函数被调用了,this才会有意义(被赋值)。所以不用在函数声明的时候去纠结这个this到底是代表谁,一定要弄清楚的话可以将这个函数放到运行环境中(调用它的时候)去分析this代表着谁。

总结:
new方式调用方法的this代表这个构造器的实例化对象。其他的,方法被谁调用,this就指向谁。

扩展:
js中的apply call方法可以改变this的指向

发布了17 篇原创文章 · 获赞 0 · 访问量 379

猜你喜欢

转载自blog.csdn.net/huige232508/article/details/104772202