برچسب: است

بسیاری از توسعه دهندگان نرم افزار با تجربه اغلب در هنگام جاوااسکریپت جاوا (داوطلبانه یا نه) و ویژگی های زبان مادری خود را به عنوان نوع اجبار، مفاهیم "حقیقت" و "دروغ" و غیره و غیره و گاهی اوقات نسبتا. اما اگر این باز بودن، آزادی زبان به طور ضمنی تایپ شود، در حقیقت یک ابزار عالی در جعبه ابزار شما در هنگام نوشتن راه حل های پاک و ظریف است

وحشتی که نمی دانید عوارض جانبی، مصنوعاتی که آن زبان تولید می کند یکی از مواردی که به شدت تایپ شده است، بسیار رایج است، به ویژه در میان "تازه واردین" مفاهیم فوق. عدم قطعیت برای توسعه دهندگان بدتر است! اما اغلب اوقات عدم اطمینان ناشی از عدم تجربه خاص است.

بیایید نگاهی به کار نمونه، رویکرد سنتی و رویکرد با نوع اجبار

وظیفه

ما باید تغییر دینامیک عرض عناصر DOM در یک ظرف بسته به تعداد عناصر وجود دارد، تا اطمینان حاصل شود که آنها تمام عرض کانتینر را جمع می کنند.

حداکثر عناصر 3. اگر ما فقط 2 عنصر داشته باشیم، پس هر یک از آن ها نیاز به عرض 50٪، اگر ما 3 عنصر داشته باشیم، عرض هر عنصر باید 33٪ باشد. البته عنصر تک باید 100٪ عرض را داشته باشد.

ما می دانیم که عنصر توسط پرچم مربوط Boolean وجود دارد.

راه حل CSS زیبا ترین خواهد بود، درست است؟ اما به عنوان مثال، اجازه می دهد تا تصور کنید CSS در سال 1996 گیر کرده است.

رویکرد سنتی

این در مورد زشت است!

آنجا شما بروید:

 بولی  FIRST_ELEMENT؛ 
 بولین  SECOND_ELEMENT؛ 
 بولی  THIRD_ELEMENT؛ 
 رشته  عرض؛ 
 // اگر تمام عناصر موجود باشد 
 اگر  (FIRST_ELEMENT && SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '33٪ '؛ 
} 
 // اگر 2 عنصر موجود باشد 
 اگر  (FIRST_ELEMENT && SECOND_ELEMENT &&! THIRD_ELEMENT) {
 width = '50٪'؛ 
} 
 
 اگر  (FIRST_ELEMENT &&! SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '50٪؛ 
} 
 
 if  (! FIRST_ELEMENT && SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '50٪ '؛ 
} 
 // اگر تنها یک عنصر وجود داشته باشد 
 اگر  (! FIRST_ELEMENT &&! SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '100٪'؛ 
} 
 
 اگر  (FIRST_ELEMENT &&! SECOND_ELEMENT &&! THIRD_ELEMENT) {
 width = '100٪'؛ 
} 
 
 if  (! FIRST_ELEMENT && SECOND_ELEMENT &&! THIRD_ELEMENT) {
 width = '100٪'؛ 
} 

این کد کار را انجام می دهد. اما آه پسر .. چیزی که درون من افتاد وقتی وارد آن شدم.

آیا می توانیم با رویکرد سنتی بهتر عمل کنیم؟ من هم اینچنین فکر میکنم. به طور پیش فرض و خلاص شدن از آخرین 3 شرایط:

 رشته  width = '100٪'؛ 
 // اگر همه عناصر حضور داشته باشند 
 اگر  (FIRST_ELEMENT && SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '33٪ '؛ 
} 
 // اگر 2 عنصر موجود باشد 
 if  (FIRST_ELEMENT && SECOND_ELEMENT &&! THIRD_ELEMENT {19459019] width = '50٪ '؛ 
} 
 
 if  (FIRST_ELEMENT &&! SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '50٪؛ 
 
 
 اگر  (! FIRST_ELEMENT && SECOND_ELEMENT && THIRD_ELEMENT) {
 width = '50٪ '؛ 
} 

 رشته  width = '100٪'؛ 
 اینتر  TOTAL_ELEMENTS = FIRST_ELEMENT + SECOND_ELEMENT + THIRD_ELEMENT؛ 
 if  TOTAL_ELEMENTS == 2) {
 width = '50٪ '؛ 
} 
 
 if  (TOTAL_ELEMENTS == 3) {
 width = '33٪'؛ 
 }