首页 > 代码库 > js~this的陷阱

js~this的陷阱

在JS中,当前对象一般用this表示,在jquery中,当前的对象是用$(this)表示,这些都是最基础的知识,没什么可说的,但我要说的是,当this出现在某个深度时,它的含义你自己要清楚,它是指离当前元素最近的那个当前对象,而不是其它对象.

this举例

例如,在一个function表示的类中,它内部可能有自己的方法,而在方法里的this就表示当前方法对象,而不是function级别的类对象,代码如下

var Cart=function(){var self=this;//这个是当前function对象self.Add=function(){var insertObj=this;//这个是当前Add方法对象}}

$(this)举例

对于Jquery也是一个的,如在一个click事件中,还有$.post方法,这时,$.post方法里的$(this)与方法外的$(this)就是两个含义的,所以,如果希望在$.post方法里使用click对象的this,一般需要在$.post方法外去先声明,代码如下

     //删除        $(".deleteBtn").click(function () {            var self = $(this);//当前click事件源对象            $.post("/course/DelCourse?id=" + $(this).attr("value"), function (data) {                if (data.code == 1) {                    self.closest("div.titDefault").remove();                }            });        });

 

js~this的陷阱