إنهاء

@serverSerrverlesskiy

الإغلاق هو وظيفة - لها حق الوصول إلى وظيفة خارجية - حتى بعد انتهاء الوظيفة الخارجية. يلزم الإغلاق لتوفير وظيفة داخلية مع إمكانية الوصول إلى نطاق وظيفة خارجية️ ، ولكن في نفس الوقت وصول قريب من البيئة الخارجية إلى متغيرات الوظيفة الداخلية⚙️.

Snake

متطلبات إنشاء الإغلاق:

وظيفة خارجية تسمى في الكود.
تحتوي الوظيفة الخارجية على الوظيفة الداخلية.
نتيجة لذلك ، تقوم الوظيفة الخارجية بإرجاع الوظيفة الداخلية.

دعنا نفكر في إنشاء إغلاق باستخدام مثال:

محرر مباشر

function learnJavaScript() {
  const getFruit = () => {
    let fruit = 'Banana',
      show = () => {
        return fruit
      }
    return show
  }
  let showFruit = getFruit()
  return showFruit()
}

function learnJavaScript() {
  const getFruit = () => {
    let fruit = 'Banana',
      show = () => {
        return fruit
      }
    return show
  }
  let showFruit = getFruit()
  return showFruit()
}

النتيجة

في المثال ، أنشأنا وظيفة خارجية getFruit;
داخل getFruit خلق وظيفة داخليةshow.
ترجع الدالة getFruit دالة العرض كنتيجة لذلك.
علاوة على ذلك في الكود ، قمنا بتعيين نتيجةgetFruit وظيفة للمتغيرshowFruit.
لأن نتيجة getFruit هي وظيفة ، إذن showFruit لا يصبح متغير, لكن وظيفة.
نتيجة البناء كله هي المتغير fruit, نتيجة البناء كله هي المتغير getFruit, أصبحت مغلقة. الآن يمكننا فقط معرفة قيمة هذا المتغير, لا يمكننا تغييره.

أمثلة على

Math

دعونا نلقي نظرة على المزيد من الأمثلة للفهم.

عداد

العداد هو أبسط مثال للنظر في كيفية عمل الإغلاق.

محرر مباشر

function learnJavaScript() {
  const makeCounter = () => {
    let x = 0
    return () => {
      return ++x
    }
  }
  const counter = makeCounter()
  return counter()
}

function learnJavaScript() {
  const makeCounter = () => {
    let x = 0
    return () => {
      return ++x
    }
  }
  const counter = makeCounter()
  return counter()
}

النتيجة

عداد محسن

Counter

ونتيجة لذلك ، لن يكون لدينا وظيفة واحدة ⚙️ ، بل عدة وظائف في وقت واحد.

محرر مباشر

function learnJavaScipt() {
  let makeCounter = () => {
    let x = 0
    return {
      inc: () => {
        return ++x
      },
      dec: () => {
        return --x
      },
      val: () => {
        return x
      }
    }
  }

  let counter = makeCounter()
  counter.inc() // 1
  counter.inc() // 2
  counter.inc() // 3
  counter.inc() // 4
  counter.dec() // 3
  return counter.val()
}

function learnJavaScipt() {
  let makeCounter = () => {
    let x = 0
    return {
      inc: () => {
        return ++x
      },
      dec: () => {
        return --x
      },
      val: () => {
        return x
      }
    }
  }

  let counter = makeCounter()
  counter.inc() // 1
  counter.inc() // 2
  counter.inc() // 3
  counter.inc() // 4
  counter.dec() // 3
  return counter.val()
}

النتيجة

إغلاق في حلقة

circle

محرر مباشر

function learnJavaScript() {
  let res = []
  for (let i = 0; i < 5; i++) {
    res[i] = () => {
      return i
    }
  }
  return res[2]()
}

function learnJavaScript() {
  let res = []
  for (let i = 0; i < 5; i++) {
    res[i] = () => {
      return i
    }
  }
  return res[2]()
}

النتيجة

تذكر العبارة

محرر مباشر

function learnJavaScript() {
  let phrase = x => {
    return y => {
      return x + ' ' + y
    }
  }

  hello = phrase('Hello')
  return hello('World')
}

function learnJavaScript() {
  let phrase = x => {
    return y => {
      return x + ' ' + y
    }
  }

  hello = phrase('Hello')
  return hello('World')
}

النتيجة

مجموع

تعتبر عمليات الإغلاق من أهم مفاهيم JavaScript الأساسية التي يجب على كل مطور JS فهمها. يعد فهم عمليات الإغلاق بمثابة نقطة انطلاق لكتابة تطبيقات فعالة وعالية الجودة.