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的陷阱，如需转载请自行联系原博主。