简述this指向
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
1.背景介绍
this是Javascript语言的一个关键字。
它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。
随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。
2.知识剖析
情况一：纯粹的函数调用
这是函数的最通常用法，属于全局性调用，在浏览器中全局对象就是window
function a(){
var user = "Tom";
console.log(this.user); //undefined
console.log(this); //Window
}
a();
情况二：作为对象方法的调用
函数还可以作为某个对象的方法调用，这时this就指这个上级对象。
var name = "user1";
var obj= {
name: "user2",
getName: function () {
console.log(this.name);
}
}
obj.getName();//user2
情况三：函数作为构造函数调用
function test(){
this.x = 1;
}
var o = new test();
console.log(o.x);//1
函数作为构造函数调用时this指向用该构造函数构造出来的新对象。
3.常见问题
apply、call的用法
这三个函数是函数对象的一个方法，他们的作用就是为了改变函数执行时候的this指向，具体用法如下：
call：call(obj,[arg1],[arg2]);第一个参数为强制改变需要指向的对象，后边可选的是该函数的参数，如果不传obj的话默认为window。
apply:apply(obj,[arr]);第一个参数为强制改变需要指向的对象，后边可选的是该参数集合的数组形式，如果不传obj的话默认为window。
apply和call的作用和调用形式基本一致，不同的是call后面的参数与方法中是一一对应的，而apply的第二个参数是一个数组，数组中的元素是和方法中一一对应的，这就是两者最大的区别。两者都可以不传参数，此时默认改变指向的对象为全局对象。
4.解决方案
使用 call 和 apply 函数的时候要注意，如果传递给 this 的值不是一个对象，JavaScript 会尝试使用内部 ToObject 操作将其转换为对象。因此，如果传递的值是一个原始值比如
7 或 'foo'，那么就会使用相关构造函数将它转换为对象，所以原始值 7 会被转换为对象，像 new Number(7) 这样，而字符串 'foo' 转化成 new String('foo')
5.编码实战
6.拓展思考
7.参考文献
参考2：深入理解JAVASCRIPT系列：各种上下文中的THIS
参考3：MDN this
8.更多讨论
感谢大家观看
今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~
技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。
快来与我一起学习吧~http://www.jnshu.com/login/1/21109035
网友评论