大概的思路， 大家看一下，然后再看一看上面的代码
1. 首先先分出两个窗口，一个用来放值原图，一个用来放置放大的图片。 一定要把窗口的宽高设置好(重要！)
2. 要准备两张图片，原图和放大的图片。
3.图片放值好后，给原图窗口加鼠标移动事件
4.获得事件对象，计算色块的位置，判断是否超出，超出让小色块固定
5.让色块跟着鼠标移动移动
6.计算右侧图片位置，让右侧移动
7.给左侧加鼠标移入事件，让左侧色块和右侧显示
8.给左侧加鼠标移出事件，让左侧色块和右侧隐藏
一个大坑，这时候你会移动色块时发现，卡顿，色块乱跑
以上就是 JS实现电商触摸放大图效果 的源码和大概思路，有兴趣的同学请关注
什么是闭包？
闭包是什么?闭包是Closure，这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西，简而言之，闭包就是：闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配，当在一个函数内定义另外一个函数就会产生闭包。
闭包 = 函数内部创建的函数（或者简称内部函数） + 该函数创建时所处环境信息
所以闭包并不等于匿名函数，虽然也有人称这些在函数内部创建的函数为闭包函数，但是我觉得其实并不准确。
我们看一下下面这段代码：
function init() { var name = "Zilongshanren"; // name 是在 init 函数里面创建的变量 // displayName() 是一个内部函数，即一个闭包。注意，它不是匿名的。 function displayName() { console.log(name); } //当 displayName 函数返回后，这个函数还能访问 init 函数里面定义的变量。 return displayName; } var closure = init(); closure(); Zilongshanren undefineddisplayName 是一个在 init 函数内部创建的函数，它携带了 init 函数内部作用域的所有信息，比如这里的 name 变量。当 displayName 函数返回的时候，它本身携带了当时创建时的环境信息，即 init 函数里面的 name 变量。
闭包有什么作用？
在理解什么是闭包之后，接下来你可能会问：这东西这么难理解，它到底有什么用啊？
因为在 Js 里面是没有办法创建私有方法的，它不像 java 或者 C++有什么 private 关键字可以定义私有的属性和方法。 Js 里面只有函数可以创建出属于自身的作用域的对象，Js 并没有块作用域！这个我后面会再写一篇文章详细介绍。
编程老鸟都知道，程序写得好，封装和抽象要运用得好！不能定义私有的属性和方法，意味着封装和抽象根本没法用。。。
不能定义私有的东西，所有变量和函数都 public 显然有问题， Global is Evil！
闭包是我们的救星！
我们看一下下面这段代码：
var makeCounter = function() { var privateCounter = 0; function changeBy(val) { privateCounter += val; } return { increment: function() { changeBy(1); }, decrement: function() { changeBy(-1); }, value: function() { return privateCounter; } } }; var counter1 = makeCounter(); var counter2 = makeCounter(); console.log(counter1.value()); /* Alerts 0 */ counter1.increment(); counter1.increment(); console.log(counter1.value()); /* Alerts 2 */ counter1.decrement(); console.log(counter1.value()); /* Alerts 1 */ console.log(counter2.value()); /* Alerts 0 */ 0 2 1 0 undefined这里面的 privateCounter 变量和 changeBy 都是私有的，对于 makeCounter 函数外部是完全不可见的。这样我们通过 makeCounter 生成的对象就把自己的私有数据和私有方法全部隐藏起来了。
这里有没有让你想到点什么？
哈哈，这不就是 OO 么？封装数据和操作数据的方法，然后通过公共的接口调用来完成数据处理。
当然，你也许会说，我用原型继承也可以实现 OO 呀。没错，现在大部分人也正是这么干的，包括我们自己。不过继承这个东西，在理解起来总是非常困难的，因为要理解一段代码，你必须要理解它的所有继承链。如果一旦代码出 bug 了，这将是非常难调试的。
扯远了，接下来，让我们看看如何正确地使用闭包。
如何正确地使用闭包？
闭包会占用内存，也会影响 js 引擎的执行效率，所以，如果一段代码被频繁执行，那么要谨慎考虑在这段代码里面使用闭包。
让我们来看一个创建对象的函数：
function MyObject(name, message) { this.name = name.toString(); this.message = message.toString(); this.getName = function() { return this.name; }; this.getMessage = function() { return this.message; };} var myobj = new MyObject(); var myobj = new MyObject();每一次被调用生成一个新对象的时候，都会生成两个闭包。如果你的程序里面有成千上万个这样的 MyObject 对象，那么会额外多出很多内存占用。
相关文章
精彩导读
热门资讯
关注我们
