关于JavaScript的this关键字

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 42 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haibinboke/p/5319523.html

文章标签：

#javascript #ViewUI

本文解析了JavaScript中this关键字的不同指向情况，包括自执行函数、事件绑定、调用上下文及call和apply方法的影响。

this是谁和函数在哪定义的或者在哪执行的没有关系，和下面的这几句话有关系:
    1、自执行函数中的this永远是window
        var obj = {
            fn: (function () {
                console.log(this);//this-->window
                return 12;
            })()
        };
 
    2、给元素的事件绑定方法，当触发事件执行对应方法的时候，方法中的this是当前的元素
        oDiv.onclick=function(){
            //this-->oDiv
        }
 
    3、不管函数是在哪里面执行的，我们就看函数名之前是否有"."，有的话，"."前面是谁this就是谁，没有的话this就是window
    var oDiv = document.getElementById("div1");
        oDiv.onclick = (function () {
            console.log(this);//this-->window
            return function () {
                console.log(this);//this-->oDiv
            }
       })();
 
        function fn() {
            console.log(this);//this-->window
        }
        oDiv.onclick = function () {
            //this-->oDiv
            fn();
        }
　　　　4.关于call和apply
　　　　在非严格模式下：call和apply的第一个参数传的是什么，那么函数执行的时候里面的this就是call/apply第一个参数,有两个特殊的值，一个是null、另一个是undefind，如果call和apply的第一个参数传的是这两个货，那么此时的this是window
 
　　　　在严格模式下：call/apply的第一个参数传的是什么函数里面的this就是什么。
　　　　
 
 
 
 
 