简述this指向

简述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.参考文献

参考1：Javascript的this用法

参考2：深入理解JAVASCRIPT系列：各种上下文中的THIS

参考3：MDN this

8.更多讨论

感谢大家观看

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~

技能树.IT修真院   

  “我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。

   这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。

   快来与我一起学习吧~http://www.jnshu.com/login/1/21109035