关于js中this指向的总结

js中this指向问题一直是个坑，之前一直是懵懵懂懂的，大概知道一点，但一直不知道各种情况下指向有什么区别，今天亲自动手测试了下this的指向。
1.在对象中的this
对象中的this指向我们创建的对象，例如：

var obj ={ccc : 1122,ddd : 2233,ded : function(){console.log(this);}  ,fff : function(){console.log(this === obj );}
}
obj.ded();
obj.fff();

在chrome中执行的答案如下：

上图我们可以看出我们执行obj对象下的ded函数时，打印出来的事Object对象里面的所有属性，展示这个对象

可以看到obj对象包含的方法和属性都包含在this对象下面，再运行fff函数，把this和obj对象进行比较，可以看出这两个是恒等的，所以在对象里的this指向这个对象。

2.直接调用函数时的this指向
先创建一个函数：

function main(){this.aad = 234;console.log(this);
}
main();

运行效果如下：

可以看到我们打印出来的this对象指向全局变量window,而创建的aad变量直接包含在了window对象下面了，所以直接调用函数时this是指向window对象的。

3.构造函数中的this指向
当我们创建一个构造函数时，并且实例化一个对象时，this的指向哪里呢？先创建一个函数

function main(){this.aad = 234;this.def = function(){console.log(this);};this.foo = function(){console.log(this === xxx);};this.xoo = function(){console.log(this === main);};
}
var xxx = new main();
xxx.def();
xxx.foo();
xxx.xoo();

可以看出xxx.def函数还是指向main函数，但这只是把上下文给打印出来了，但当我们打印this与构造函数以及实现对象比较时就可以看出区别了，与构造函数main比较出来的值是false;与xxx函数比较时显示是true，所以构造函数this事指向当前实例化对象的。

这就是我关于this学习的总结，希望能给需要的人点帮助，然后有啥不足希望有大神能指点出来。

关于js中this指向的总结相关推荐

JavaScript面向对象(一)——JS OOP基础与JS 中This指向详解
前言学过程序语言的都知道,我们的程序语言进化是从"面向机器".到"面向过程".再到"面向对象"一步步的发展而来.类似于汇编语言这样的面 ...
关于js中this指向复习
简单说this指向谁调用指向谁 1.对象.方法() 中,方法中的this指向的就是对象 2.普通函数中的 this 指向window,这是因为 window 是JS中的顶级对象,可以通过window ...
JS中this指向问题
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然 ...
前端学习辑录（2）：JS中this指向的问题
目录 this指向的不同场景: 一.普通函数调用二.定时器函数三.构造函数调用四.对象方法调用五.原型对象调用总结 this指向的不同场景: 一.普通函数调用普通函数中的this是谁?== ...
js中this指向问题总结
1. 默认绑定规则 (1) 全局作用下 this指向window console.log(this); (2) 函数独立调用下 this指向window function test(){ consol ...
js中this指向是什么以及指向谁
首先window是浏览器中最大的对象,所有的对象都在window中,在使用时可以省略全局环境中的this指向window对象我们声明的变量,最后都会变成window对象的属性我们声明的函数,最后 ...
彻底理解js中this的指向
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然 ...
js中修改this的指向方法整理
JavaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,Ja ...
随笔——js中的this指向，apply()与 call()
js中apply和Math.max()函数(原文) apply() Function.apply() 是JS的一个OOP特性,一般用来模拟继承和扩展this的用途,对于上面这段代码,可以这样去理解: ...
理解js中的this指向以及call，apply，bind方法
<script> function a(){var user = "追梦子";console.log(this.user); //undefinedconsole.lo ...

关于js中this指向的总结

关于js中this指向的总结相关推荐

最新文章

热门文章