آموزش متغیرهای جاوا اسکریپت: VAR، LET، و CONST که در سال 2024 تجسم شدند

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه ای بر متغیرها، زمینه اجرا، مناطق مرده زمانی، محدوده و موارد دیگر Intro to variables, execution context, temporal dead zones, scope and more

• منطقه مرده موقت Temporal dead zone

• تاریخچه VAR، LET و CONST History of VAR, LET and CONST

• 3 مرحله از زندگی یک متغیر، و پرسش میلیون دلاری The 3 stages of a variable's life, and the MILLION DOLLAR QUESTION

• دلایلی که چرا JS بین اعلان‌های متغیر و مقداردهی اولیه تمایز قائل می‌شود Reasons why JS distinguishes between variable declarations vs initializations

• بالابر متغیر Variable hoisting

• استفاده از "debugger" برای بررسی دامنه توابع و متغیرها Using "debugger" to examine scope of functions and variables

• چرا VAR با مقدار "undefined" مقداردهی اولیه می شود؟ Why is VAR initialized with the value of "undefined" ?

• VAR امکان تخصیص مجدد و اعلام مجدد و برخی مشکلات با VAR را فراهم می کند VAR allows re-assignment and re-declaration, and some problems with VAR

• LET اجازه تخصیص مجدد را می دهد اما نه اعلام مجدد LET allows reassignment but not redeclaration

• CONST تخصیص مجدد را ممنوع می کند، اما تغییر ناپذیری را اعمال نمی کند CONST prohibits reassignment, but does not enforce immutability

• معرفی دامنه Scope intro

• دامنه جهانی - VAR، LET و CONST همگی دارای دامنه جهانی هستند. VAR فراتر می رود. Global Scope - VAR, LET and CONST are all global scoped. VAR goes further.

• چرا افزودن خصوصیات به شی جهانی به طور کلی ایده خوبی نیست Why adding properties to the global object is generally not a good idea

• محدوده عملکرد - VAR، LET و CONST Function Scope - VAR, LET and CONST

• مقایسه محدوده تابع C و جاوا اسکریپت با VAR Comparing C and JavaScript function scope with VAR

• محدوده ماژول - VAR، LET و CONST همه به ماژول ها محدود می شوند Module Scope - VAR, LET and CONST are all confined to modules

• Block Scope - LET و CONST با محدوده مسدود شده اند Block Scope - LET and CONST are blocked scoped

• هک‌های VAR، IIFE و «استفاده از سخت‌گیرانه» VAR hacks, IIFEs, and "use strict"

• VAR با محدوده مسدود نشده است VAR is not blocked scoped

• دامنه های تو در تو و سایه Nested scopes and shadowing

• سایه زدن Shadowing

• منطقه مرده موقت - چرا ایجاد شد؟ Temporal Dead Zone - why was it created?

• "زمانی" در "منطقه مرده زمانی" به چه معناست؟ What does "temporal" mean in "temporal dead zone"?

• مثال - شناسایی محدوده کلی Example - identifying overall scope

• مثال - شناسایی محدوده متغیر Example - identifying variable scope

• مثال - زمینه اجرای جهانی و پشته تماس Example - global execution context and the call stack

• مثال - زمینه اجرای تابع و پشته تماس Example - function execution context and the call stack

• مثال - محدوده بلوک و کلمات نهایی Example - block scope and final words

• مقدمه ای بر متغیرها، دامنه ها و موارد دیگر! Introduction to variables, scopes and more!

زمینه اجرای جاوا اسکریپت - فاز ایجاد JavaScript's Execution Context - Creation Phase

• آیا موتور جاوا اسکریپت کد شما را جابجا می کند؟ Does the JavaScript engine move your code around?

• مقدمه ای بر VAR و زمینه های اجرایی Intro to VAR, and Execution Contexts

• آنچه می خواهید یاد بگیرید بسیار کاربردی (و پیشرفته) است. What you are about to learn is very practical (and advanced)

• یک زمینه اجرایی (فازها و انواع) چیست؟ What is an Execution Context (phases, and types)?

• مقدمه ای بر رکورد قلمرو Intro to the Realm Record

• 3 مهم ترین فیلدی که Realm Record ایجاد می کند The 3 most important fields that the Realm Record creates

• فیلد [[Intrinsics]] The [[Intrinsics]] field

• فیلد [[GlobalObject]] The [[GlobalObject]] field

• Environment Records چیست؟ What are Environment Records

• فیلد [[GlobalEnv]] The [[GlobalEnv]] field

• جمع بندی متغیر جهانی Global Variable Recap

• فیلد [[VarNames]] و خلاصه The [[VarNames]] field, and recap

• محیط واژگانی و متغیر Lexical and Variable Environment

• مثال اصلی با یک فایل app.js خالی Basic example with a blank app.js file

• مثال - تنظیم زمینه اجرای جهانی Example - setting up the Global Execution Context

• مثال - اختصاص متغیرهای سراسری و تابع به فیلدهای صحیح Example - assigning the global variables and function to the correct fields

• Function Object Intro Function Object Intro

• VAR، LET و CONST - خطای 1 VAR, LET and CONST - Error 1

• VAR، LET و CONST - خطای 2 VAR, LET and CONST - Error 2

• VAR، LET و CONST - خطای 3 VAR, LET and CONST - Error 3

• زمینه اجرا: مرحله ایجاد Execution Context: Creation Phase

زمینه اجرای جاوا اسکریپت - مرحله اجرا JavaScript's Execution Context - Execution Phase

• مرحله اجرا و پشته تماس Execution phase and the call stack

• اجرای مثال - قسمت 1 Example execution - part 1

• زمینه اجرای عملکرد - چگونه در زیر هود کار می کند Function execution context - how it works under the hood

• اجرای مثال - قسمت 2 Example execution - part 2

• بررسی شبه کد از دیدگاه یک توسعه دهنده Quasi code walkthrough from a developer's perspective

• مرحله اجرا Execution phase

• محدودیت های محدوده Scoping limitations

• زمینه اجرای جاوا اسکریپت - مرحله اجرا JavaScript's Execution Context - Execution Phase

VAR، LET، CONST و BLOCKS VAR, LET, CONST and BLOCKS

• تعریف VAR طبق ECMAScript VAR definition as per ECMAScript

• تعریف LET طبق ECMAScript LET definition as per ECMAScript

• اگر سعی کنید یک متغیر LET را دوباره اعلام کنید چه اتفاقی می‌افتد What happens if you try and redeclare a LET variable

• تعریف BLOCK طبق ECMAScript BLOCK definition as per ECMAScript

• مثال BLOCK BLOCK example

• مثال نهایی برای هدایت نقطه به خانه Final example to drive the point home

• چالش Challenge

• VAR، LET، CONST و BLOCKS VAR, LET, CONST and BLOCKS

• جاوا اسکریپت VAR در مقابل LET در مقابل CONST Assignment JavaScript VAR vs LET vs CONST Assignment

• شفاف سازی تکلیف - انتقال اشیا با ارجاع به توابع Assignment Clarification - Passing Objects By Reference Into Functions

دامنه واژگانی در مقابل پویا Lexical vs Dynamic Scoping

• مقدمه ای بر اسکوپینگ در جاوا اسکریپت (با یک مثال) Introduction to scoping in JavaScript (with an example)

• چالش Challenge

• محدوده واژگانی در مقابل دامنه پویا با مثال Bash Lexical Scoping vs Dynamic Scoping with Bash example

• محدوده Scoping

Outro Outro

• متغیرهای CONST و تغییرناپذیری CONST variables and immutability

• استفاده از CONST با Object.freeze() برای اطمینان از تغییر ناپذیری واقعی Using CONST with Object.freeze() to ensure true immutability

• از موارد برای VAR استفاده کنید Use cases for VAR

• چالش - رفع مشکلات Challenge - fixing problems

• جاوا اسکریپت VAR، LET و CONST - تست تخصصی JavaScript VAR, LET and CONST - Expert Test

• Outro Outro