آموزش تفاوت بین دامنه و زمینه در جاوا اسکریپت چیست؟
What’s the Difference Between Scope and Context in JavaScript ?
Scope و Context دو مفهوم بسیار مهم در جاوا اسکریپت هستند و یکسان نیستند. درک تفاوت بین Scope و Context به شما کمک می کند کدهای تمیزتر و قابل نگهداری بیشتری بنویسید و در زمان عیب یابی در وقت خود صرفه جویی کنید.
در این دوره، من شما را به یک شیرجه عمیق در دنیای Scope و Context می برم. ما نه تنها تفاوت بین این دو مفهوم را یاد خواهیم گرفت، بلکه نحوه تصمیم گیری صحیح را در هنگام برنامه ریزی کد خود و برداشتن گام های صحیح هنگام عیب یابی مشکلات را نیز یاد خواهیم گرفت.
رئوس مطالب دوره
- مقدمه - خوش آمدید!
- چرا درک تفاوت بین دامنه و زمینه بسیار مهم است؟
- تفاوت بین دامنه و زمینه چیست؟
- نرم افزار مورد نیاز
- راه اندازی شوید
- کجا می توان کد نمونه را پیدا کرد
- جزئیات محدوده - سه نوع محدوده
- دامنه جهانی - بحث
- دامنه جهانی - نمایش
- حوزه خصوصی - بحث
- محدوده خصوصی - نمایش
- محدوده بلوک - بحث
- محدوده بلوک - نمایش
- زمینه - بحث
- وقتی آنها همان را "احساس" می کنند - بحث
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 1
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 2
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 3
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 4
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 5
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 6
- تصمیم گیری بهتر - بحث
- تصمیم گیری بهتر - نمایش
- کمی بیشتر درباره زمینه
- تغییر متن با .call() و .apply()
- روش زنجیره‌ای - بحث
- روش زنجیره‌ای - نمایش
- "this" در مقابل $(this)
- کمی بیشتر درباره عیب یابی
- عیب یابی مشکل محدوده
- عیب یابی یک مشکل زمینه
- پروژه کلاس
- متشکرم!
مشتاقانه منتظر حضور شما در این دوره هستم!
کوین
پروژه ما برای این کلاس از دو بخش تشکیل شده است:
قسمت 1 - تیم فروش Acme Travel را به صورت پویا بسازید
در فایل: index.html، یک لیست نامرتب وجود دارد. این UL حاوی نشانه‌گذاری برای تیم فروش Acme Travel است و وقتی صفحه نمونه را بارگیری میکنید، آن را مشاهده میکنید. برای تکمیل قسمت 1 پروژه کلاس، باید آن HTML را به JSON مخفی کنید و سپس آن JSON را در صفحه وب به صورت پویا رندر کنید.
قسمت 2 - نمونه کد صفحه وب را دوباره فاکتور بگیرید
در فایل: www/js/examples/context/method-chanining.js، کد کار کامل صفحه وب مثال ما را مشاهده خواهید کرد. در این کد، کلمات رشته ای سخت کدگذاری شده زیادی مانند '#فروشندگان li'، 'button.select' و 'button.deselect' وجود دارد. شما باید این فایل را ویرایش کنید و تا آنجا که ممکن است از این رشته های رمزگذاری شده را حذف کنید. هدف این است که تا حد امکان کمتر از اینها داشته باشیم. همچنین، وقتی به روش app.bindUserItemsEventHandlers نگاه می کنید، متوجه خواهید شد که بیش از 45 خط کد دارد. برای کاهش مقدار کد، باید این روش را مجدداً تغییر دهید.
هر دو بخش شماره 1 و 2 از شما می خواهند که درک خود را از تفاوت بین دامنه و زمینه به کار ببرید. برای جزئیات کامل پروژه کلاس، ویدیو را ببینید: "کلاس پروژه".
درس ها Lessons
-
نرم افزار مورد نیاز Required Software
-
عیب یابی مشکل زمینه Troubleshooting a Context Problem
-
کد نمونه را از کجا پیدا کنیم Where to find the example code
-
روش زنجیر زنی - نمایش Method Chaining - Demonstration
-
حوزه خصوصی - نمایش Private Scope - Demonstration
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 6 When They "feel" the Same - Code - Part 6
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 4 When They "feel" the Same - Code - Part 4
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 5 When They "feel" the Same - Code - Part 5
-
کمی بیشتر در مورد زمینه A Bit More About Context
-
محدوده بلوک - نمایش Block Scope - Demonstration
-
متشکرم! Thank You!
-
تصمیم گیری بهتر - بحث Making Better Decisions - Discussion
-
دامنه جهانی - نمایش Global Scope - Demonstration
-
حوزه خصوصی - بحث Private Scope - Discussion
-
گستره جهانی - بحث Global Scope - Discussion
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 3 When They "feel" the Same - Code - Part 3
-
محدوده بلوک - بحث Block Scope - Discussion
-
چرا درک تفاوت مهم است؟ Why is it important to understand the difference?
-
"this" در مقابل $(this) "this" vs $(this)
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 1 When They "feel" the Same - Code - Part 1
-
وقتی آنها همان را "احساس" می کنند - بحث When They "feel" the Same - Discussion
-
جزئیات محدوده - سه نوع دامنه Scope Details - Three Kinds of Scope
-
تصمیم گیری بهتر - نمایش Making Better Decisions - Demonstration
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 2 When They "feel" the Same - Code - Part 2
-
تفاوت بین Scope و Context در جاوا اسکریپت چیست؟ What is the difference between Scope and Context in JavaScript?
-
تغییر متن با .call() و .apply() Switching Context with .call() & .apply()
-
روش زنجیر زنی - بحث Method Chaining - Discussion
-
راه اندازی کنید Get Set Up
-
پروژه کلاس Class Project
-
کمی بیشتر در مورد عیب یابی A Bit More About Troubleshooting
-
زمینه - تظاهرات Context - Demonstration
-
عیب یابی مشکل محدوده Troubleshooting a Scope Problem
-
زمینه - بحث Context - Discussion
https://donyad.com/d/c6ce86
Kevin Chisholm
Sr. JavaScript، Angular، Node Consultant
من یک توسعه دهنده وب هستم که بر جاوا اسکریپت شی گرا، Angular.js Node.js متمرکز شده است. من به عناوینی مانند ConsumerReports.org، MyRecipes.com، ThisOldHouse.com، Instyle.com، AllYou.com، TravelAndLeisure.com، SouthernLiving.com، Health.com، Sunset.com، TimeForKids.com، SportIllustrated خدمات ارائه کرده ام. com، CoastalLiving.com، People.com، TDAmeritrade.com، GreenMountainPower.com، Aquent Aquent Gymnasium.
در اوقات فراغت، در مورد فن آوری های Front-End می نویسم: https://blog.kevinchisholm.com .
نمایش نظرات