有没有可以在JavaScript里可以用的锁?

问题:我想用localStorage在多个tab下共享数据，但是看了下localStorage里面没有像C++的Mutex一样的锁，那我怎么保证原子的读和写？

答:C++的mutex是使用操作系统的原子性操作实现的，在浏览器环境下没有什么参考的价值。不过，

在这篇文章里面，大牛Lamport介绍了利用两块共享区域实现快速锁的算法，如下所示：

假设有两块共享的区域x和y，以及进程的id，以下图的方式进入关键区域

进入关键区域需要的操作至少需要: 写x -> 读y -> 写y -> 读x -> 关键操作 -> 写y。

其中delay必须足够长到使得已经在关键区域内的进程完成关键区域内的操作并退出。

Lamport的文章也证明了这个算法的正确性，可以通过这个链接了解详细的信息。

有了这个算法之后，实现一个localStorage上的锁就很简单啦，下面是我的一个简单实现:

const THREAD_ID = `${Math.floor(Math.random() * 1000)} - ${Date.now()}`;const setItem = localStorage.setItem.bind(localStorage);
const getItem = localStorage.getItem.bind(localStorage);
const removeItem = localStorage.removeItem.bind(localStorage);const nextTick = fn => setTimeout(fn, 0);class Mutex {constructor (key) {this.keyX = `mutex_key_${key}_X`;this.keyY = `mutex_key_${key}_Y`;}lock() {return new Promise((resolve, reject) => {const fn = () => {setItem(this.keyX, THREAD_ID);if (!getItem(this.keyY) == null) {nextTick(fn); //restart}setItem(this.keyY, THREAD_ID);if (getItem(this.keyX) !== THREAD_ID) {//delaysetTimeout(() => {if (getItem(this.keyY) !== THREAD_ID) {nextTick(fn) //restartreturn;}//critical sectionresolve();removeItem(this.keyY);}, 10);} else {resolve();removeItem(this.keyY);}};fn();});}
}const KEY = 'key';let mutex = new Mutex(KEY);
mutex.lock().then(() => {let value = parseInt(localStorage.getItem(KEY) || 0, 10);value += 1;localStorage.setItem(KEY, value);
});

有没有可以在JavaScript里可以用的锁?相关推荐

javascript笔记：深入分析javascript里对象的创建（上）续篇
今天回来一看我的博客居然有这么多人推荐真是开心极了,看来大家对我的研究有了认可,写博客的动力越来越大了,而且我发现写javascript在博客园里比较受欢迎,写java的受众似乎少多了,可能博客园里j ...
JavaScript 里，$ 代表什么？/JQuery是什么语言？/html中用link标签引入css时的中 rel=stylesheet属性？/EL表达式是什么？...
JavaScript 里,$ 代表什么? 比如说我写一个mouseover事件: $(document).ready(function(){ $("p").mouseover(fu ...
JavaScript里的循环方法：forEach，for-in，for-of
2019独角兽企业重金招聘Python工程师标准>>> JavaScript诞生已经有20多年了,我们一直使用的用来循环一个数组的方法是这样的: for (var index = 0 ...
javascript里的面向对象
2019独角兽企业重金招聘Python工程师标准>>> 前言: javascript 项目中原生态的语法用得比较少了,都是基于jQuery开发,但在移动项目中还是比较麻烦的.想整理个 ...
java 动态字符串_Java动态编译执行一串字符串,类似于Javascript里的eval函数
Javascript里的eval函数能动态执行一串js脚本. 那Java里怎么做到呢. 有两种方法: 一种是使用可以执行js脚本的Java类 ScriptEngineManagerpublic sta ...
java script创建对象_javascript笔记：深入分析javascript里对象的创建
大家知道在java里面类可以具有静态属性和方法,无需实例化该类的对象,就可以访问这些属性和方法,但是javascript里面是不是只有通过对象初始化方式才会模拟出这样的特点了?其实不然,在编程语言里, ...
为什么[]==0；JavaScript里什么情况下a==!a为true呢？
原文链接 JavaScript里什么情况下a==!a为true呢? 答案是当a = []的时候,这是因为JavaScript的类型转换. 我们先来考虑这个问题,console.log([] == fa ...
Javascript里的sleep()方法
Javascript里的sleep()方法很多编程语言里都有sleep(),delay()等方法,它能让我们的程序不那么着急的去执行下一步操作,而是延迟.等待一段时间.软件开发中经常会遇到需要这样的 ...
javascript里的document.all用法收集
javascript里的document.all用法从IE4开始IE的object model才增加了document.all[],来看看document.all[]的Description: ...

有没有可以在JavaScript里可以用的锁?

有没有可以在JavaScript里可以用的锁?相关推荐

最新文章

热门文章