【JS-task4】

简述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.更多讨论

感谢大家观看

BY : 朱垚