Race condition
In short: A race condition is a bug where the result depends on the order of execution: two Workers lose a sale, and an await between the check and the purchase lets two buyers in even on one thread.
Problem
The sale counts wrong
Friday, flash sale. Headphones are half price and the orders pour in. Two tills sell from one warehouse: each sale subtracts 1 from the stock.
The tills are two Workers (the lesson "Async, await and threads"). The stock lives in aSharedArrayBuffer, shared memory that both can see. Each sells 1,000,000 items:// stock is an Int32Array in a SharedArrayBuffer:// memory shared by the Workers.function sell(stock) { stock[0]--; // read, subtract 1, write}if (isMainThread) { const stock = new Int32Array(new SharedArrayBuffer(4)); stock[0] = 2_000_000; const checkouts = [1, 2].map( () => new Worker(new URL(import.meta.url), { workerData: stock }), ); await Promise.all(checkouts.map((worker) => once(worker, "exit"))); console.log(`Orders: ${2 * 1_000_000}`); console.log("Sold according to the stock:"); console.log(2_000_000 - stock[0]);} else { for (let i = 0; i < 1_000_000; i++) { sell(workerData); }}Customers have paid for 2,000,000 orders. Here is how many sales the warehouse counts over five runs:
Sold according to the stock: 2000000Sold according to the stock: 1003506Sold according to the stock: 994022Sold according to the stock: 1004855Sold according to the stock: 1018607The idea
stock[0]-- is three steps
stock[0]-- is one line. The processor does it in three steps, as if you wrote them out:// stock is an Int32Array in a SharedArrayBuffer:// memory shared by the Workers.function sell(stock) { const seen = stock[0]; // 1. read const after = seen - 1; // 2. subtract 1 stock[0] = after; // 3. write}Step by step, in words
- 5 items are left. Worker A and Worker B each sell one at the same moment.
- Worker A reads the stock: 5.
- Worker B reads before A has written: also 5.
- Worker A subtracts 1 in its own variable: 4.
- Worker B does the same from its own 5: also 4.
- Worker A writes 4. One sale, 4 left: correct so far.
- Worker B writes 4 too, over the 4 of A. Two sales, and the stock is 4, not 3.
- One sale is lost: both read the same number before either wrote. That is a race condition, and the stock now shows one item that is already sold.
- Read the stock into your own variable.
- Subtract 1 from your copy.
- Write the copy back.
Two threads can take turns between any two steps. If both read 5 before either writes, both write 4. Two sales, and the stock goes down by one.
When the result depends on which thread does which step first, that is a race condition. The three steps "read, change, write" on shared data are its most common form.
More precisely, if you are curious
stock[0]-- on an Int32Array reads from the shared memory, subtracts in a register and writes. In between, the other Worker, running on another core, can read the same number. With an ordinary JavaScript object this cannot happen: objects are not shared between Workers, they are copied.Try it
Three tills, 5 in stock
Here are three tills, interleaved by hand in one of the possible orders. Each reads into its own variable, then writes 1 less:
let left = 5;const seenA = left; // A readsconst seenB = left; // B readsleft = seenA - 1; // A writesconst seenC = left; // C readsleft = seenB - 1; // B writesleft = seenC - 1; // C writesconsole.log("Sales: 3");console.log(`In stock: ${left}`);A and B read 5. A writes 4. C reads the 4 that was just written. B writes 4 (its own 5 minus 1), and C writes 3. Three sales, and the stock is 3 instead of 2: only B's sale got lost, because B read before A wrote.
The idea
"It works on my machine"
The same program, with fewer sales per till:
if (isMainThread) { const stock = new Int32Array(new SharedArrayBuffer(4)); stock[0] = 2_000; const checkouts = [1, 2].map( () => new Worker(new URL(import.meta.url), { workerData: stock }), ); await Promise.all(checkouts.map((worker) => once(worker, "exit"))); console.log(`Orders: ${2 * 1_000}`); console.log("Sold according to the stock:"); console.log(2_000 - stock[0]);} else { for (let i = 0; i < 1_000; i++) { sell(workerData); }}Sold according to the stock: 2000Sold according to the stock: 2000Sold according to the stock: 1929Sold according to the stock: 2000Sold according to the stock: 2000That is what makes a race condition treacherous:
- the test passes on the laptop and fails on the server with 64 cores and thousands of customers;
- the bug comes "sometimes" and does not repeat when you look for it;
- add a print line, the order of the threads changes and the bug goes away.
A test without a loss proves nothing. Safety is proven by how the code is written: which data is shared and who protects it.
Problem
The last item
One item is left. Two buyers click "Buy" at the same moment. buy checks whether there is one, charges the card (about 100 ms) and only then takes the item:
class Stock { constructor(left) { this.left = left; }
async buy() { if (this.left > 0) { // check: is there one? await sleep(100); // the card is charged, ~100 ms this.left--; // act: take the item return true; } return false; }}const stock = new Stock(1);const bought = await Promise.all([stock.buy(), stock.buy()]);console.log("In stock before: 1");console.log("Sold:");console.log(bought.filter((ok) => ok).length);console.log("In stock after:");console.log(stock.left);In stock before: 1Sold:2In stock after:-1There is one thread here, and the bug is the same. await sleep(100) lets the other call run while the first waits for the bank. It reaches the check while left is still 1. On one thread the order is the same every time, so the bug happens every time too. There is more on this in the lesson "async is not a thread".
This is the second form of a race condition: check, then act (check-then-act). The decision is made on a value that someone else can change before the decision is carried out. It is everywhere: "is there a free room", "is the username free", "is there money in the account".
Try it
Order numbers
Every order gets a number: 1001, 1002, 1003… The tills are threads and call take(next) at the same time. Sometimes two orders get the same number. After which line does the other thread have to come in for that to happen?
Pick the line with the bug.
After the read. If both threads read 1001 before either writes 1002, both return 1001. Two orders with one number: one will overwrite the other in the database or reach the wrong customer. It is the same "read, change, write".
The idea
When there can be a race condition
It takes three things at once:
- Shared data: something several threads can see (the stock, the counter, the number).
- At least one thread changes it. If everyone only reads, there is nothing to get wrong.
- Nothing orders the access: threads go into their steps whenever their turn comes.
Take away one of the three and there is no race condition:
- Don't share. Each thread counts in its own variable, and at the end the results are added up. That is how the 1000 invoices worked in "Why threads": each part computes its own.
- Don't change. An object nobody changes can be read by as many threads as you like. That is the lesson "Atomic operations and immutable objects".
- Order the access. Only one thread at a time in the three steps. That is the lock, the next lesson: "Locking".
More precisely, if you are curious
There is also a quieter problem: visibility. In a SharedArrayBuffer an ordinary read may not see another Worker's write in time. Atomics.load and Atomics.store guarantee it. The lock solves this too: whatever one thread wrote before releasing it, the next one sees after taking it.
How it is in other languages: in Java and C# count++ loses just like here. In Python it loses less often because of the GIL, but it loses. In JavaScript it loses between Workers on a SharedArrayBuffer, and on one thread a race condition exists only between two awaits.
Exercise
The sale's revenue
Solve the task in your editor.
The revenue. Two tills sell 500,000 headphones each at €3. Each till counts its sales in its own variable, and the revenue is shared: an Int32Array in a SharedArrayBuffer, where each Worker does revenue[0] += 3. Print each till's sales and the revenue. Run the program several times.
Till 1: 500000 salesTill 2: 500000 salesRevenue (€):3000000The tills' sales are right on every run: each counts in its own variable. The revenue is smaller and different every time. The fix is in the next lesson.
More tasks
- How much is lost. Run the sale with 2, 4 and 8 tills. Is more lost with more tills?
- Find what is shared. Take a program with threads you have written and list the data that more than one thread touches. Which of them does some thread change?
- Free room. Write an
asyncmethod "book room 12 if it is free" withawait sleep(100)between the check and the write, and run two guests withPromise.all. How many guests get the room?
Test
Test yourself
Related lessons
Section titled "Related lessons"- Builds on: Arrays: push, splice and sort · Arrow functions · Async, await and threads · Why threads
- Continues in: Locking · Atomic operations and immutable objects · Deadlock · Producer and consumer
- Tasks on this topic: Concurrency and race conditions