Механизми пайваст кардани дуҷониба барои чӣ аст?

Механизмии дугуи маълумотгирии (two-way data binding) имкон медиҳад, ки маълумотҳо ба таври автоматӣ байни модел (одатан ҳолати компонент) ва намоиш (интерфейси корбар) ҳамоҳанг карда шаванд.

Фарқият дар он аст:

• Осон кардани таҳия: Тавре ки таҳиягар бояд дастӣ код нависад, ки намоишро вақте ки маълумот дар модел тағйир меёбад, навсозӣ кунад ва баръакс. Инро рамка ё китобхона идора мекунад.
• Кодро кам кардан: Миқдори коди шаблонро, ки бо коркарди ҳодисаҳои воридоти корбар ва навсозии арзишҳои намоиш дода мешавад, кам мекунад.
• Беҳтар кардани иҷроиш (дар баъзе сценарҳо): Баъзе рамкаҳо метавонанд равандро оптимизатсия кунанд, танҳо ба тағйиротҳои маълумоти мустақим ҷавобгӯ бошанд.

Масалан дар Angular бо директорияи ngModel:

<input [(ngModel)]="userName">
<p>Салом, {{ userName }}!</p>

Дар ин мисол, ҳар тағйирот дар майдони воридоти <input> фавран дар параграфи <p> нишон дода мешавад, ва баръакс, агар арзиши userName дар компонент тағйир ёбад, майдони воридот ҳам нав карда мешавад.

Норасоиҳо:

• Мумкин аст, ки дар формҳои хеле калон ва мураккаб иҷроиш коҳиш ёбад: Назорат кардани ҳамаи тағйиротҳо метавонад гарон бошад.
• Дурусттар хато кардан душвор аст: Ба сабаби автоматии ҳамоҳангсозӣ, баъзан душвор аст фаҳмидани аз куҷо тағйироти маълумот пайдо шудааст.
• Қисми логикаро пинҳон мекунад: Механизми кор дар пасзаминаи синтаксис пинҳон аст, ки барои оғозкунандагон метавонад нофаҳмо бошад.

Алтернативаи ба дуҷониба пайвастшавӣ — пайвастшавии якҷониба (one-way data binding), ки дар он маълумотҳо дар як самт (одатан аз модел ба намоиш) мегузаранд. Навсозии модел дар посух ба амалҳои корбар ба навиштани равандҳои рӯйдодӣ талаб мекунад.