تبدیل مختصات

بستار یک الگوی برنامه‌نویسی در JavaScript است که اجازه می‌دهد متغیرها از یک دامنه‌ی واژگانی بیرونی درون یک بلوک کد تودرتو به کار گرفته شوند. JavaScript از بستارها به‌شکل شفاف پشتیبانی می‌کند و اغلب بدون آنکه بدانید چه هستند، از آن‌ها استفاده می‌شود.

// Top-level declarations are global-scope
const dozen = 12;

{
  // Braces create a new block-scope
  // Referencing the outer variable is a closure.
  const twoDozen = dozen * 2;
}

// Because of the block-scope declaration, twoDozen is not available here.
twoDozen;
// => Uncaught ReferenceError: twoDozen is not defined

علاوه بر آکولادها {}، توابع (و کلاس‌ها) هم دامنه‌های تازه‌ای می‌سازند و می‌توانند مقادیر را در خود محصور کنند:

const dozen = 12;

// Functions create a new function-scope and block-scope.
// Referencing the outer variable here is a closure.
function nDozen(n) {
  // This is declared inside the function scope, and uses the top-level scope.
  // This works, and encloses the value 12.
  const twoDozen = dozen * 2;

  // This only uses the locally declared variable and the passed argument to the parameter `n`
  return (twoDozen / 2) * n;
}

// Because of the function-scope declaration, twoDozen is not available here.
twoDozen;
// => Uncaught ReferenceError: twoDozen is not defined

همان‌طور که مثال‌های twoDozen نشان می‌دهند، مقادیر را می‌توان در یک دامنه‌ی تودرتو (تابع، بلوک و غیره) محصور کرد، اما نمی‌توان آن‌ها را از آن بافت بیرون کشید. در بیشتر موارد، در JavaScript مدرن این‌گونه در نظر گرفته شده که یک مقدار به دامنه‌ی بیرونی نشت نکند.

بستار برای نگه‌داشتن وضعیت و انتقال مقادیر

استفاده از یک اعلان متغیر تغییرپذیر (مانند let یا var) امکان حفظ بخشی از وضعیت را فراهم می‌کند:

let counter = 0;

// This function closure increments the counter's state in the outer lexical context.
// This way the counter can be shared between many calling contexts.
export function increment() {
  counter += 1;
  return counter;
}

increment();
// => 1

counter;
// => 1

محصور کردن مقادیر بدون نشت دادن وضعیت

با ترکیب این دو ایده، یعنی محصور کردن یک مقدار برای حفظ وضعیت و اینکه مقادیر محصورشده به بیرون نشت نمی‌کنند، می‌توان مقادیر خصوصی ساخت.

رایج‌ترین روش این است که تابعی بسازیم که تابعی را برمی‌گرداند که وضعیتی را در خود محصور می‌کند.

export function makeCounter() {
  let counter = 0;

  // This returns a new function that encloses the local variable counter
  return function increment() {
    counter += 1;
    return counter;
  };
}

// Counter did not leak
counter;
// => Uncaught ReferenceError: counter is not defined

// This creates a new counter.
// This assigns the increment function to the variable myFirstCounter.
const myFirstCounter = makeCounter();

typeof myFirstCounter;
// => function

myFirstCounter.name;
// => increment

myFirstCounter();
// => 1
myFirstCounter();
// => 2

// This creates new counter (with new, separate local state / enclosed counter variable)
const mySecondCounter = makeCounter();

mySecondCounter();
// => 1

// It does not affect the first counter.

myFirstCounter();
// => 3