Նախածանցային և վերջածանցային տիպերը JavaScript-ում

Փաստորեն, աճման և նվազման օպերացիաները կարելի է գրել երկու եղանակով։ Եկեք դիտարկենք այս եղանակները ++ օրինակով, իսկ ---ի դեպքում ամեն ինչ նման կլինի։

Առաջին եղանակում օպերացիան գրվում է փոփոխականի անվան հետո, ահա այսպես՝ a++, իսկ երկրորդ եղանակում՝ փոփոխականի անվանից առաջ, ահա այսպես՝ ++a։

Առաջին ձևը կոչվում է վերջածանցային, իսկ երկրորդը՝ նախածանցային։ Եկեք տեսնենք, թե ինչ դեպքերում է ի հայտ գալիս տարբերությունը այս երկու ձևերի միջև։

Ենթադրենք ունենք alert(a++) կոդը և alert(++a) կոդը։

alert(a++) դեպքում փոփոխականը նախ կցուցադրվի, ապա կմեծանա մեկով, իսկ alert(++a) դեպքում փոփոխականը նախ կմեծանա մեկով, ապա կցուցադրվի։

Հաջորդ օրինակում առաջին alert-ը կցուցադրի 0, քանի որ նախ կաշխատի էկրանին ցուցադրելը, իսկ դրանից հետո փոփոխականը կմեծանա.

let num = 0;
alert(num++); // կցուցադրի 0
alert(num);   // կցուցադրի 1

Իսկ այժմ փոփոխականը նախ կմեծանա, իսկ դրանից հետո կկատարվի ցուցադրում էկրանին.

let num = 0;
alert(++num); // կցուցադրի 1 - փոփոխականը անմիջապես մեծացավ

Նման վարքագիծը ճիշտ է ոչ միայն էկրանին ցուցադրելու դեպքում, այլև վերագրելու դեպքում.

let num1 = 0;
let num2 = num1++; // num2 փոփոխականի մեջ կգրվի 0
alert(num2); // կցուցադրի 0
alert(num1); // կցուցադրի 1 - num1 փոփոխականը փոխվեց num2-ին վերագրելուց հետո

Իսկ այժմ վերջածանցային ձևը փոխարինենք նախածանցայինով.

let num1 = 0;
let num2 = ++num1; // num2 փոփոխականի մեջ կգրվի 1
alert(num2); // կցուցադրի 1

Եթե մեր օպերացիան կատարվում է առանձին տողում, ապա նախածանցային և վերջածանցային ձևերի միջև տարբերություն չկա.

let num = 0;
++num;
num++;
alert(num); // կցուցադրի 2