javascript是一门动态语言，最明显就是那个dynamic this。它一般都是作为函数调用者存在。在javascript，所有关系都可以作为对象的一个关联数组元素而存在。那么函数就是被掰成两部分储存于对象，一是其函数名（键），一是函数体（值），那么函数中的this一般都指向函数所在的对象。但这是一般而已，在全局调用函数时，我们并没有看到调用者，或者这时就是window。不过，函数声明后，其实并没有绑定到任何对象，因此我们可以用call apply这些方法设置调用者。
一个简单的例子：
window.name = "window";
var run = function() {
alert("My name is " + this.name);
}
run();
window.name = "window";
var run = function() {
alert("My name is " + this.name);
}
run()
运行代码
这里你不能说run是作为window的一个属性而存在，但它的确是被window属性调用了。实质上大多数暴露在最上层的东西都则window接管了。在它们需要调用时被拷贝到window这个对象上（不过在IE中window并不继承对象），于是有了window['xxx']与window.xxx性能上的差异。这是内部实现，不深究了。
另一个例子，绑定到一个明确的对象上
window.name = "window";
object = {
name: "object",
run: function() {
alert("My name is " + this.name);
}
};
object.run();
window.name = "window";
object = {
name: "object",
run: function() {
alert("My name is " + this.name);
}
};
object.run();
运行代码
答案显然易见，this总是为它的调用者。但如果复杂一点呢？
window.name = "window";
object = {
name: "object",
run: function() {
var inner = function(){
alert("My name is " + this.name);
}
inner();
}
};
object.run();
window.name = "window";
object = {
name: "object",
run: function() {
var inner = function(){
alert("My name is " + this.name);
}
inner();
}
};
object.r
简单的javascript拖拽实例----> 本人原创（244796562@qq.com）
<html>
<head>
<title>拖拽测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="box" style="position:absolute;top:100px;left:200px;width ......
