这篇文章主要介绍了简单的JavaScript互斥锁的相关资料,需要的朋友可以参考下

去年有几个项目需要使用JavaScript互斥锁，所以写了几个类似的，这是其中一个：     复制代码 代码如下: //Published by Indream Luo //Contact: [email protected] //Version: Chinese 1.0.0   !function ($) {     window.indream = window.indream || {};     $.indream = indream;       indream.async = {         //         //锁         //lock: 锁的编号         //action: 解锁后执行的方法         //         lock: function (lock, action) {             $.indream.async.waitings[lock] = $.indream.async.waitings[lock] || [];             $.indream.async.waitings[lock].push(action);             //如果该锁未被使用，则当前action阻塞该锁             if (!$.indream.async.lockStatus[lock] && action) {                 $.indream.async.lockStatus[lock] = true;                 if (arguments.length > 2) {                     var args = 'arguments[2]';                     for (var i = 3; i < arguments.length; i++) {                         args += ', arguments[' + i + ']';                     }                     eval('$.indream.async.action.call(action, ' + args + ')');                 } else {                     $.indream.async.action.call(action);                 }             }         },         //         //解锁         //lock: 锁的编号         //         releaseLock: function (lock) {             $.indream.async.waitings[lock].shift();             //如果等待队列有对象，则执行等待队列，否则解锁             if ($.indream.async.waitings[lock].length) {                 $.indream.async.waitings[lock][0]();             } else {                 $.indream.async.lockStatus[lock] = false;             }         },         //         //锁的状态         //         lockStatus: [],         //         //等待事件完成         //lock:锁编码，相同的编码将被整合成一个序列，触发时同时触发         //         wait: function (lock, action) {             $.indream.async.waitings[code] = $.indream.async.waitings[code] || [];             $.indream.async.waitings[code].push(action);         },         //         //等待序列         //         waitings: [],         //         //数据缓存         //         action: {             //             //监听和回调的相关方法             //             callback: {                 //                 //监听                 //                 listen: function (actionName, callback) {                     var list = $.indream.async.action.callback.list;                     list[actionName] = list[actionName] || [];                     list[actionName].push(callback);                 },                 //                 //回调                 //                 call: function (actionName, args) {                     var list = $.indream.async.action.callback.list;                     if (list[actionName] && list[actionName].length) {                         for (var i in list[actionName]) {                             $.indream.async.action.call(list[actionName][i], args);                         }                     }                 },                 //                 //现有的回调列表                 //                 list: []             },             //             //根据方法是否存在和参数是否存在选择适当的执行方式             //             call: function (action) {                 if (action) {                     if (arguments.length > 1) {                         var args = 'arguments[1]';                         for (var i = 2; i < arguments.length; i++) {                             args += ', arguments[' + i + ']';                         }                         eval('action(' + args + ')');                     } else {                         action();                     }                 }             }         }     } }(window.jQuery);       一个互斥锁的几个元素是：   •锁与解锁 •等待队列 •执行方法 以上锁的用法：     复制代码 代码如下: //定义锁的名称 var lock = 'scrollTop()'; //使用锁 $.indream.async.lock(lock, function () {     var scrollTop = $(window).scrollTop();     var timer;     var fullTime = 100;     for (timer = 0; timer <= fullTime; timer += 10) {         setTimeout('$(window).scrollTop(' + (scrollTop